316386 - Page areas overlap. Does not happen when viewed in IE

Status: RESOLVED WORKSFORME

(Firefox :: General, defect)

Description

[Aron Lasky]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.12) Gecko/20050915 Firefox/1.0.7
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.12) Gecko/20050915 Firefox/1.0.7

I have noticed that many pages display strangely. Primarily by overlapping areas of the page. The URL above is an example. This display behavior does not occur in IE

Reproducible: Always

Steps to Reproduce:
Go to the page
Actual Results:  
Scroll down the page and soon you see element overlapping

Comment 1

[j.j.]

This is a problem of the page, bad markup.

<div align="left" style="width: 795; height: 438">
The content of this div is higher than the div istelf. Removing it completely will fix the page. (btw, it's invalid CSS, width and height need a unit).

See this reduced testcase:

<div style="height:4em; width:4.5em; border:dotted red; color:red;">
 This content overflows the div. This content overflows the div.
</div>
<p> TEST TEST TEST TEST </p>

IMHO invalid.

Comment 2

[Daniel.S]

The website looks identical in Firefox and IE.