Bug 25502 - overlap of image and text due to less div height
Summary: overlap of image and text due to less div height
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://cityguides.msn.com/
Keywords: HasReduction
Depends on:
Blocks:
 
Reported: 2009-04-30 17:56 PDT by jasneet
Modified: 2013-11-18 22:57 PST (History)
2 users (show)

See Also:

Attachments
reduced testcase (12.14 KB, application/zip)
2009-04-30 17:56 PDT, jasneet 		no flags Details
chrome's layout with inspection (5.30 KB, image/jpeg)
2009-05-22 14:08 PDT, johnnyding 		no flags Details
IE's layout with inspection (6.95 KB, image/jpeg)
2009-05-22 14:09 PDT, johnnyding 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description jasneet 2009-04-30 17:56:32 PDT 
I Steps:
Go to cityguides.msn.com

II Issue:
To the right, below the temperature value, text overlaps the border

III Conclusion:
Issue is due to #weather {height:71px;}. If I increase height to say 80px, then overlapping of text and image is not seen.

IV Other Browsers:
IE7: ok
FF3: ok

V Nightly tested: 42232

Bug in Chromium : http://code.google.com/p/chromium/issues/detail?id=8954
Comment 1 jasneet 2009-04-30 17:56:46 PDT 
Created attachment 29932 [details]
reduced testcase
Comment 2 johnnyding 2009-05-22 14:05:30 PDT 
I think the bug is not due to less div height. It is because somehow IE ignores (or merge?) the margin-top property of Element:<div id="weather_text">...</DIV>. 
In the source code of page, there is a CSS rule:
#weather_text {margin-top:10px;margin-left:20px;font-size:11px;color:#fff}

Please refer the attachment image to the different between Chrome and IE.
Comment 3 johnnyding 2009-05-22 14:08:02 PDT 
Created attachment 30594 [details]
chrome's layout with inspection
Comment 4 johnnyding 2009-05-22 14:09:06 PDT 
Created attachment 30595 [details]
IE's layout with inspection
Comment 5 Robert Hogan 2013-11-18 22:57:01 PST 
Closed downstream. Testcase renders fine.