361559 - LI is rendered outside of the OL box

Status: RESOLVED WORKSFORME

(Core :: Layout, defect)

Description

[Mark Kaplun]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1) Gecko/20061010 Firefox/2.0
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1) Gecko/20061010 Firefox/2.0

Take a look at the specified URL. At the buttom of the page There is text in an LI element which is rendered outside (to the right) of its OL, and actually outside the entire table.

Reproducible: Always



Expected Results:  
The LI text should render inside the borders of the table.

Comment 1

[Mats Palmgren (inactive)]

Attachment: Testcase

Comment 2

[Mats Palmgren (inactive)]

This was fixed on trunk between 2006-03-15-04 -- 2006-03-16-04.
I'm not sure which checkin fixed it though... (possibly bug 318116?)
http://bonsai.mozilla.org/cvsquery.cgi?treeid=default&module=all&branch=HEAD&branchtype=match&dir=&file=&filetype=match&who=&whotype=match&sortby=Date&hours=2&date=explicit&mindate=2006-03-15+03%3A00&maxdate=2006-03-16+05%3A00&cvsroot=%2Fcvsroot

Comment 3

[Mark Kaplun]

While it is much better in minefield, it is still not rendered correctly. The text should occupy the whole of the horizontal space. If you have an available windows machine, please compare it to the rendering of IE7.

Please let me know if it is better to open a new bug for this issue.

Comment 4

[Mats Palmgren (inactive)]

<ol> has a default margin-top:1em in Gecko. This is not enough to push it
below the left floating box, so the <li> floats beside it. Given the styles
involved this is the correct rendering.

If you add margin-top:1.5em to the <ol> you will get the desired layout.
Even better is to add clear:both which will work regardless of the height
of the floats.