Re: FN-FORUM: CSS help please - dissapearing DIV Background image in Explorer

date posted 9th January 2007 10:27

Jay Alvarez wrote:
> Could someone please shed some light on why I can't see the background
> header image for the Div called Container on my site? It shows up fine in
> Firefox and Opera. Any help much appreciated.

#content {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
position: absolute;
text-align: left;
width: 1000px;
top: 0px;
height: 100%;
float: left;
margin-left: -500px;
left: 50%;
background-color: #FFFFFF;
background-image: url(bg.jpg);
background-repeat: no-repeat;
background-position: center 0px;
display: block;
}

is where the background image is being added, but you have so many
conflicts in there it's hard to tell what the problem is.

I suspect background-position: center 0px; would be better not using
keywords and px mixed.

then again it might be that IE doesn't like the relative path to the
background image - try using a full path in there... e.g
url(/drupal/themes/chameleon/bg.jpg)


have fun.

;o)

try just center (it defaults to top then)

but the float *and* absolute position will be a potential issue as will
left 50% with a negative left margin.

I suggest stripping down the declarations on that div one at a time and
see what happens.

try outlining the div - it might not even be as big as it needs to be.

;o)