227149 - Background repetition along the y axis doesn't appear under certain circumstances

Status: RESOLVED INVALID

(Core :: CSS Parsing and Computation, defect)

Description

[Anthony Winning]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.5) Gecko/20031007
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.5) Gecko/20031007

At http://test.octopus.com.au/ there is a div called "mainpage" that has a
repeating background image along the y axis. Inside "mainpage" there are two
divs called "sidemenu" and "content". Both are floated to the left, and
"sidemenu" runs for only a part of vertical length of "mainpage". "mainpage"'s
repeated background does not appear after where the "sidemenu" div ends.

Reproducible: Always

Steps to Reproduce:
1. Just load the web page :)
2.
3.



Expected Results:  
IE, Opera and other browsers I have tested repeat the background image along the
y axis after the end of the "sidemenu" within the "mainpage" div. Mozilla just
renders nothing below the "sidemenu" within the "mainpage" div.

Comment 1

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

All of the children of the DIV with id "mainpage" are floating, so it has zero
height.  Some other browsers have bugs when elements with 'position: relative'
contain floats, but 'position: relative' really shouldn't make any difference.

Comment 2

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

(Note that if the DIV with id "mainpage" were *itself* floating, then it would
expand.)