Div background-image [ie & mozilla]

supfooword · Joined: 02 Jun 2008 Posts: 3

Found similar posts with this problem, but could not find the exact same issue.

CSS problem code:
#main {
background: url(images/background.gif) no-repeat;
background-color: #000000;
height: 485px;
position: relative;
overflow: auto;
}

It looks fine in Mozilla and the image does not scroll, but in IE it is scrolls to the background-color. When I add "fixed" it fixes the problem in IE, but moves the background-image in Mozilla.

Thanks for your help.

quartzy · Joined: 26 Dec 2007 Posts: 400

dont know much but you have a margin of 10px so add 20px to the height and see if that works.

supfooword · Joined: 02 Jun 2008 Posts: 3

I have added background-attachment="fixed" to the CSS, but now it fixes IE, but breaks Mozilla. If I change the Margin height it will affect IE and Mozilla, so it will help Mozilla but hurt IE by pushing it down.

quartzy · Joined: 26 Dec 2007 Posts: 400

remove the margin on the body and see if that helps as you have that margin it will make your height bigger.