Bug in Firefox 30.0, float and ul

Julian D. A. Wiseman

To the left is a floated div. For ease of reproducibility it does not contain an img, but that might be more typical in the wild. It was constructed with <div style="clear: left; float: left; height: 154px; width: 77px; border: solid 2px #009900; background-color: #ccffcc; margin-right: 3px;">&nbsp;</div>. Next, observe the following ul.

• First item.
• Second item.
• Third item.
• Fourth item.
• Fifth item.

Observe that some indented items are insufficiently indented, the text being clear of the floated div, but the bullets overlapping.

• OS X Mavericks 10.9.3 with lots of memory; Firefox 30.0; HTML 4.01 Transitional.
• This page is www.jdawiseman.com/papers/bugs/20140625_firefox_ul.html;
• A screen snapshot is at www.jdawiseman.com/papers/bugs/20140625_firefox_ul.png.
• Posted to Firefox bug #57882.