background image working in Firefox but not IE6

Hello. Here's the code I'm trying to use..

In an external stylesheet:

#transfer {
position: absolute;
border-style: solid;
border-width: 0px;
padding: 25px 0 0 35px;
color: black;
background: url(images/panel-small.png) top left no-repeat;
}

And in the HTML:

<div id="transfer">
<a href="javascript:flyClosed('tabTransfer', 'transfer');">Close</a>
</div>


Pretty straight forward, yes? But it works in Firefox but not IE. The background-image will not display in IE. I've tried "background: " as well as "background-image:" -- no dice.

Any ideas?

dep

Can you give us a link please? The code you posted looks fine.

IE probably has an issue with the dash in the file name: "panel-small.png"; try an underscore: "panel_small.png" instead.