I have a problem where the first few list items in an ordered list have
their numbers overlapping a left floated div, i.e. the list item numbers
appear inside the border of the left-floated box.
Here's the html:
<h1>Quid pro quo</h1>
<div id="sponsor">Message from sponsor</div>
<p>Introductory paragraph. Yada yada yada</p>
<ol>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
<li>List Item 4</li>
</ol>
The applicable css:
#sponsor{
color:#000;
background-color:#eef;
border:1px solid #008;
width:240px;
padding:2px;
float:left;
margin-right:2px
}
li{
margin-left:30px
}
Thanks for any suggestions.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
