Why do my list item bullets overlap floating elements

Question

I have an (XHTML Strict) page where I float an image alongside regular paragraphs of text. All goes well, except when a list is used instead of paragraphs. The bullets of th

Answer 1

Edited to update based on OP's comment

ok, then just break it up into 2 divs nested together

ul  {background: blue; position:static;}
.therest {position:relative; width:100%}
.indent {float:left; }



Est tincidunt doming iis nobis nibh. Ullamcorper eorum elit lius me delenit. 


Lorem


list element
list element
list element
 

the rest now under the UL

try changing the ul li css to

ul {float:left; background: blue; }