278632 - float applied to list items messes up display of background and following content

Status: RESOLVED INVALID

(SeaMonkey :: General, defect)

Description

[john russell]

User-Agent:       Mozilla/5.0 (Windows; U; Win98; en-US; rv:1.8a6) Gecko/20050111
Build Identifier: Mozilla/5.0 (Windows; U; Win98; en-US; rv:1.8a6) Gecko/20050111

using float:left rule to place list items horizontally for
a menu bar. applying the rule loses the background color
of the nesting ul as well as the position of the content
following the ul. Also the width of the ul is that of the
container instead of based on the contained content !!! 

Reproducible: Always

Steps to Reproduce:
1. access the above URL
2. observe the without / with float displays
3.

Actual Results:  
lose of background , positioning, and sizing

Expected Results:  
display background
size the ul appropriately
position the following paragraph as normal paragraph.

Comment 1

[Boris Zbarsky [:bzbarsky]]

The rendering is correct.  Please read the section of the CSS specification that
talks about block height calculations, and note that floats are not in-flow.