Issues with PNG's and IE6 URL's.

[Stub]

I've got a new site I'm working on and I have a transparent PNG used
in a DIV. On top of that I have an unordered list which is the menu.
See code:

<div id="menu">
<ul>
<li onclick="location.href='about.html'"><a title="Information
About Devin Card Wedding Photography" href="about.html">About</a></li>
<li><a title="Client Acclaim" href="acclaim.html">Acclaim</a></
li>
<li><a title="Wedding Photography Victoria BC" href="wedding-
photography.html">Weddings</a></li>
<li><a title="Devin Card Photographer Portfolio"
href="portfolio.html">Portfolio</a></li>
<li><a title="Wedding Packages and Pricing"
href="pricing.html">Pricing</a></li>
</ul>
</div>

And the CSS:
#menu{background: url('../images/background-menu2-trans.png') no-
repeat;height:74px;width:770px;}
#menu ul{color:#fff;text-transform: uppercase;padding:38px 0 0 30px;}
#menu ul li{list-style-type: none;display: inline;margin:0;padding:0
20px 0 20px;}
#menu ul li.border{border-right: 1px solid #fff;}
#menu a{font:14px 'Copperplate Gothic Light','Copperplate
Gothic',serif;color:#fff;text-decoration: none}
#menu a:hover{border-bottom: 2px solid #fff;}
#menu a.selected{color:#ccc;border-bottom: 2px solid #ccc;}

Now the problem here seems to be that the links are not clickable in
IE6. It works in every other browser but IE6. The only thing I could
think of was that because I'm using the Dean Edwards IE7 hack that
somehow this was affecting whether the links would be clickable or
not. Is this a known issue? Perhaps i've done something wrong.

[Stub]

Aha! after some serious research I've found the issue with PNG's and
clickable URL's:
http://forums.digitalpoint.com/showthread.php?t=647057

Turns out it is easily fixed by adding position:relative to the URL.

#menu a{font:14px 'Copperplate Gothic Light','Copperplate

Gothic',serif;color:#fff;text-decoration: none;position: relative}

So it now all works even with a transparent PNG in IE6 as the
background.

[Dean Edwards]

For others looking for help with PNGs, here are some links:

http://www.sitepoint.com/blogs/2007/09/18/png8-the-clear-winner/
http://blogs.cozi.com/tech/2008/03/transparent-png.html
http://www.satzansatz.de/cssd/tmp/alphatransparency.html
http://www.hrunting.org/csstests/iealpha.html

All good info.

-dean