css opacity rollovers

Hello everyone,

I am having a bit of a problem creating css opacity rollovers. I have the rollover working, but the href inside the table cell will not work. Here is my code:

Head Section:

<SCRIPT>
<!--
function fadeOut(obj) {
obj.style.filter="blendTrans(duration=1)";
// Make sure filter is not playing.
if ((obj.visibility != "hidden")) {
obj.filters.blendTrans.Apply();
obj.style.visibility="hidden";
obj.filters.blendTrans.Play();
}
}
function fadeIn(obj) {
obj.style.filter="blendTrans(duration=1)";
// Make sure filter is not playing.
if ((obj.visibility != "visible")) {
obj.filters.blendTrans.Apply();
obj.style.visibility="visible";
obj.filters.blendTrans.Play();
}
}
-->
</SCRIPT>


Body Section:

<td ID="modern" onMouseOver="fadeOut(modern)" onMouseOut="fadeIn(modern)" bgcolor="#0099FF">
<a href="modern/modern.html">Modern</a></td>



Again the rollover works well and changes opacity as it should, but the href doesnt work. Any advice is greatly appreciated...

have you tried IE and NN? I believe that is one of the 2000 NN bugs, but I'm not sure about IE. I haven't tested your code. Lemme know

Thanks for your reply, but I have gotten it to work