You have a negative margin top in your stylesheet for both ordered and unordered lists.
ul li { margin-left: 23px; margin-top: -10px; }
ol, ol li { margin-left: 18px; margin-bottom: 0px; margin-top: -10px; margin-right: 0px;
padding: 0px; list-style: decimal-leading-zero;; }
Try replacing your list of margins with this...
margin: 0 0 0 18px;
http://sometimesyoubreakaclarinet.com/project-101/
Anyone seen this before? I'm not sure why the ordered list is overlapping like that. What do I do to fix it?
You have a negative margin top in your stylesheet for both ordered and unordered lists.
ul li { margin-left: 23px; margin-top: -10px; } ol, ol li { margin-left: 18px; margin-bottom: 0px; margin-top: -10px; margin-right: 0px; padding: 0px; list-style: decimal-leading-zero;; }Try replacing your list of margins with this...
margin: 0 0 0 18px;Adjust as necessary!
Excellent. Thanks.
Now I need to figure out why the logo image doesn't appear on pages but does appear on blogs.