Bug 21652

Summary:

title of the list overlaps the other list because of float:left

Product:

WebKit

Reporter:

Anantha Keesara <anantha>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED INVALID

Severity:

Normal

CC:

tabatkins

Priority:

Version:

528+ (Nightly build)

Hardware:

OS:

Windows XP

URL:

http://auto.sina.com.cn/user/index.html

Attachments:

Description	Flags
reduction.zip	none

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.