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.
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.