Transparent PNG still isn't transparent in IE7

[jeromebrill]

I have a div above another div. The top div has an image placed inside that has transparency. In FF it works fine. Although In IE7 it acts weird. Its not full transparent. Upper right youtube image

Here is my code:

.youtubebutton {
position: absolute;
left: 50%;
top:0px;
width:200px;
height:124
z-index: 2;
margin-left: 200px;
}

<div class="youtubebutton">
<A HREF="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL2pzb21lYnVkZHk=" class="highlightit">
<img border="0" src="http://www.geocities.com/jeromebrill/myspace/checkmeout.png"/></a>
</div>

for some odd reason this code ^ is adding \ ignore them



UPDATE: got it to work, although I lost my roll over. I guess my class which changes the transparency on roll over was messing it up.