Date: 09/25/06 (Web Development)    Keywords: no keywords

Hi, I can't see any reason why Firefox is displaying this background so strangely!

This is how it appears in IE, the way I expect it to



and here is how it screws up in FF



this is my code:

#divcontent{
width: 434px;
background-image: url(graphics/background.gif);
background-repeat: no-repeat;
margin-left: 20px;
height: 340px;
overflow: auto;
background-attachment: fixed;
border-right-style: solid;
border-left-style: solid;
border-right-color: #000000;
border-left-color: #000000;
border-right-width: 1px;
border-left-width: 1px;
scrollbar-face-color : #FFCCFF;
scrollbar-highlight-color : #FF99FF;
scrollbar-3dlight-color : #FFF;
scrollbar-shadow-color : #CCC;
scrollbar-darkshadow-color : #FF6699;
scrollbar-track-color : transparent;
scrollbar-arrow-color : #000;
background-color: #FFFFFF;
background-position: left top;
}

Source: http://community.livejournal.com/webdev/355276.html