Bug 21652 - title of the list overlaps the other list because of float:left
Summary: title of the list overlaps the other list because of float:left
Status: RESOLVED INVALID
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: PC Windows XP
: P2 Normal
Assignee: Nobody
URL: http://auto.sina.com.cn/user/index.html
Keywords:
Depends on:
Blocks:
 
Reported: 2008-10-16 13:14 PDT by Anantha Keesara
Modified: 2011-10-24 08:17 PDT (History)
1 user (show)

See Also:


Attachments
reduction.zip (4.08 KB, application/octet-stream)
2008-10-16 13:14 PDT, Anantha Keesara
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Anantha Keesara 2008-10-16 13:14:03 PDT
I Steps:
 Go to http://auto.sina.com.cn/user/index.html
 
 II Issue:
 title of the list overlaps the other list because of float:left
 
 III Other Browsers:
 IE7: ok
 FF3: not ok
 
 IV Nightly tested: 37382
Comment 1 Anantha Keesara 2008-10-16 13:14:05 PDT
Created attachment 24405 [details]
reduction.zip
Comment 2 Tab Atkins 2011-10-24 08:17:18 PDT
This is expected behavior - that's how floats work.  To avoid this, either set one of the properties that makes a block into a BFC on the list container (such as 'overflow:hidden'), or set 'clear:left' on the next block following the list, which forces it below the floats.

Marking this as INVALID, since this is expected behavior.