Hyperlinkt image not working in IE!

Hey dudes!
On a site i've been working, i have a button that's a transparent png.
I had to go trough a lot of hassle to make that transparent in IE, but that works now.
I've hyperlinkt the button like this:

<div class="button1"><a href="<?php echo $PHP_SELF."?page=71"; ?>"><img alt="Startpage" src="./images/button.gif" /></a></div>


The imageis a background-image of the div. First I had the hyperlink around the div, but that's not valid xhtml, so i put the hyperlink inside the div, and used a transparant gif the size of the button to make it work.

But this doens't work in IE. Beats me why too!
Could someone help me plz? :)

I'm not really sure which bit doesn't work. Do you mean the link doesn't work or what?

Oh, and it's Hyperlinked not Hyperlinkt.

sorry, i'm dutch :P
and yeah, it's the hyperlink not working
check http://feelgoodparty.dijksman.rawsoft.nl
view it in mozilla: works,\
do it in IE, doesn't work

I'm not sure, but I've got a feeling it's something to do with IE not supporting .png transparency properly. Why not just use a .gif file and see if that works?

i don't think thats it: the png is iin the background of the div, and the gif is the image that's hyperlinked.
and i cannot go using gif: too low res!

GIF files do not have a limit on resolution. I think your problem may have something to do with the IE filters you're using to display the PNG images. You you select all, you'll see that they're selected. They're activeX components. At the very edge of the buttons you'll find the linked GIF image. So the ActiveX components (your transparent PNG images) are covering your links.

hmmm you're right. but how to get the png-s to go to the background then? i've tried setting the z-index but that doens't help.
very weird: the png is background of the div, the gif is in the foreground of the div(well it should be) but f*ckin IE messes it up.
any ideas about it?


selecting it all is not an option as that isn't valid xhtml