Need some quick CSS help - invisible image!

[Conscript]

Okay, here is what is going on.

I am designing a page and I want a background image for my DIV tag. So here is the style I use:

#header{
	position: relative;
	background-color: #5F6BA7;
	background-image: url(images/mainbackground.jpg);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	height: 249px;
}

For some reason the image appears in Dreamweaver CS3 as I edit it, but it does not appear in IE 7 when I load it in there!

Any idea of what I am doing wrong?

 

[BSmith]

silly question I'm sure... but have you made sure it's actually on the server? typos, corrupt file when uploaded, etc.

And have you tested it in other browsers besides IE7?

 

[themoose]

Try defining a width.

 

[iBrightDev]

first problem is that IE SUCKS, second, try the width thing that moosey suggested. if that doesnt work, post a link to your site so we can help you further.

 

[Decker]

Got the rest of the page code and I'll try it ?

 

[Conscript]

Hi,

Thanks for the help. After twiddling with the code a little bit I noticed that it was probably hidden behind another layer as I did not specify it to be at the top. At least thats what I figure because after working on the page for quite some time hoping to return to the problem later the probem resolved itself.

I did end up specifying the width though.

I am just totally new at CSS. Most of my webdesign learning took place many many years ago when Geocities still had addresses that went like geocities.com/CityName/Town/2054... lol...

 

[fireshark]

so is it fixed? layers, you can try z-order: 0 or something

 

[DarkBlood]

so is it fixed? layers, you can try z-order: 0 or something

z-index, which is set to zero by default. Floating an object/element will cause other elements (of the same z-index) to wrap around the floating element.

 

[fireshark]

yeah, i knew it was something like that

 

[krakjoe]

I wudda said z-index: is the most likely culprit, if it doesn't work as suggested you should post a link to or the whole code for the page.