343822 - If two <div>s are separated by a one <br>, the second (lower) div can overlap or appear on top of the first (upper) <div>.

Status: RESOLVED DUPLICATE of bug 192076

(Core :: Layout, defect)

Description

[John Flaherty]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1

If two <div>s are separated by a one <br>, the second (lower) div can overlap or appear on top of the first (upper) <div>.

The URL http://askbradley.net/ renders properly in IE6 and Opera9, but both Mozilla Firefox 1.5 and Netscape 8.1 render the same URL improperly.

Reproducible: Always

Steps to Reproduce:
1.Enter in http://askbradley.net and you will see the improper rendering.
2.
3.

Comment 1

[Eli Friedman]

Gecko is displaying the site correctly.  IE is simply wrong.  Opera has a quirk to emulate IE's bahavior.

The issue is that the cut off div is set to have a height of 18 pixels; therefore, the content of the div overflows.

If you're feeling proactive, go ahead and send the webmaster an email.  It's easy to fix the CSS, because there's no reason to set a height of 18 pixels on that div.

*** This bug has been marked as a duplicate of 192076 ***