CSS float disappeared the background

**addie** · 29-06-2009

I do a redesign of a website using only css and no lists. The problem is I have div box floated just left to be alongside other but when I do the background grand parent which is disappearing in the light of the container sections in Firefox and Opera. But when i tried it in IE 6, it shows the fine.

Any one could suggest me in this ? Please.

**Reegan** · 29-06-2009

The background-attachment property must be set to "fixed" to work in Firefox and opera. Or use this:-

<html>
<head>
<style type="text/css">
body
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
</style>
</head>

<body>
<p><b>Note:</b> For this to work in Firefox and Opera, the background-attachment property must be set to "fixed".</p>
</body>
</html>

**opaper** · 29-06-2009

Go to the bottom of your page and add this:-

</p></div></div>
<div id="clear"></div>
</div>

<div id="bottom">Content for id "bottom" Goes Here</div></body></html>

And this code to your CSS:

#clear {clear: both; margin: 0px}

**addie** · 29-06-2009

Thanks a lot buddy for the quick help. I'll try this method and make sure the background-attachment property is set to fixed. Hope it works. I'll be back if any problem occurs.

Thank you. I appreciate your help.