PNG not displaying in any browser

Hi all..

I stumbled across a strange problem..
Here's my CSS:

#line{
background:url(images/line.png) repeat-x;
height:14px;
position:absolute;
top:100px;
}


Now if i remove the position:absolute, the image appears.. If i add it in the style, it disappears. The problem persists in Firefox and IE6, IE7.. Any help will be appreciated..

Thanks in advance!
raghu207

Got link? You may have to add a left or right declaration.

I'm with aero--likely it's either a problem with z-index or the fact that you didn't supply a horizontal offset for it. Browser defaults can act weird in those cases.

width?

width?

:eek: Sometimes you overlook the simple things!

Yeah, width can throw it off.

Also, after you figure that out make sure that your positioning is right for where you have the item placed. The z-index and all that can be very touchy.

EDIT: Oh, and it would also help if we could look at what you are doing :P

Doh! Yeah, I added width:100% and it worked. Thanks guys :)

I have spent hours before trying to troubleshoot this exact problem. And almost every time I forget to declare a width.

I suggest we all put a sticky note on our monitor that says "WIDTH!" :)