Divs within Divs and backgrounds

[alice]

I'm trying to have a background image in a div, then have several divs
within that div that have black backgrounds. The problem I'm finding
is that in Firefox and Safari, the first background image does not
show through on the other divs, it's as if the black background takes
over, and the space around it reverts to the body background, not the
background image of the containing div. Is there a way around this?

[Rik]

On Tue, 24 Jul 2007 20:31:22 +0200, alice <al***@fearofdolls.comwrote:

I'm trying to have a background image in a div, then have several divs
within that div that have black backgrounds. The problem I'm finding
is that in Firefox and Safari, the first background image does not
show through on the other divs, it's as if the black background takes
over, and the space around it reverts to the body background, not the
background image of the containing div. Is there a way around this?

Please give an url so we can see what happens.

With the little info you give I guess the div's in the 'main' div are
floated, which results in the parent div having no height whatsoever in
compliant browsers, but MSIE tries to enclose those divs with the parent
div.

This is easily tested for: add an element to the end of the parent div as
the last child, and give it a style="clear:both;". What happens then? If
that doesn't show as expected, an url is certainly required.

--
Rik Wasmus