Floated div causing other bg image to vanish

Hello,

I am having an issue in Firefox. Here is the page: <!-- m --><a class="postlink" href="http://mdi.frozen-peas.com/">http://mdi.frozen-peas.com/</a><!-- m -->

The grey div that says "sidebar" is positioned properly. But as such, is wiping out the background image of the div it's floated beside (#main).

I've beat my brain over this one. Any ideas?

Thank you.what i done was set your
BODY HEIGHT: 750px;

it then displayed correctly in ie and ff.

i think it has something to do with the container div being set to height : 100%
if the body height is not set with an absolute value the container div will not inherit its value.

andyInteresting. Thanks, Andy.

Do you think that will cause problems if the content exceeds the height value?Say what did you whont the sidebar to do ???
go to the bottom of the page ???

Cu toja ;)yeah it will cause probs.
one way round it is to use an embeded style for the body on each page to specify the height.Say what did you whont the sidebar to do ???
go to the bottom of the page ???

Cu toja ;)
No, I want the sidebar where it is - the upper-right of the main body.
 
Back
Top