Text appears behind background image in IE

Hey guys,

Very new to CSS, but I understand it...just have a tough time getting things to look right.

Anyways, the stylesheet here is a Wordpress theme I downloaded and it works great. All except the title of the page at the very top.

In Firefox, it appears just fine. In IE, it wont appear when you load the page, but if I scroll down and back up, it ends up appearing.

Here are the styles associated:

(I took out the "inherit" property below on the H3 A href but that didnt help - so I left it in here)


#top
{
color:#fff;
margin:0;
padding:0 0 0px 0;
background:url(img/top_head.jpg) repeat-x;
}


#top a:hover
{
text-decoration:none;
color:#999;
}
#top h3 {
font-size:2em;
font-weight:bold;
margin:0px;
padding:10px 0px 0px 15px;
}

#top h3 a{
background:inherit;
color:#cc0000;
text-decoration:none;
}

#top p {
font-size:1em;
font-weight:normal;
margin:0px;
padding:1px 5px 1px 20px;
color:#fff;

}



I appreciate any help you guys have.

Umm yeah CSS is useless without HTML. Add position:relative; to the element that the image is in.

Umm yeah CSS is useless without HTML. Add position:relative; to the element that the image is in.


That did it. Can you explain to me why?

Were you saying my pasting the CSS was useless without pasting the HTML code? Sorry about that.

http://www.positioniseverything.net/explorer/peekaboo.html
Yes next time post your HTML and CSS or just give us a link to the page (which is better so we can actually see the problem).

Okay, will do. I didn't think you could see the CSS because I couldn't when I did a page source.

Thanks for the link, I will try to learn this stuff a bit more :)

Appreciate the help.

Mike