Hello,
first off I want to say I hate IE6. It needs to rot in a hole and never be spoken of again. With that said, I'm having problems with IE6/7.

I'm having problems with the Z-index, and also my .hover a href's not working after one session of mouse overs.

Here is the website I'm working on:
DEMO

I'm trying to use:
bgiframe  to fix IE6's lack of Z-index support.
But I don't think I have it set up right.

Here is the URL to my CSS(and the jQuery is in my HTML ):
stylesheet.css


Also, as for my .hover a href's here is the jQuery:

1. $(function(){
       var navbar = $('#navbar'),
           navbarLinks = $(".navbarlink", navbar);
    
   navbarLinks.hover(function () {             
      navbarLinks.not(this).stop().animate({opacity: 0.3}, "slow");
       }, function () {      
           navbarLinks.stop().animate({opacity: 1.0}, "slow");       
       });
   });
   
   $(function(){
       var footer = $('#footer'),
           footerLinks = $(".footerlink", footer),
           allFadeables = $('.divider', footer).add(footerLinks);
    
   footerLinks.hover(function () {             
      allFadeables.not(this).stop().animate({opacity: 0.3}, "slow");
       }, function () {      
           allFadeables.stop().animate({opacity: 1.0}, "slow");       
       });
   });
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   

Lastly,
to make the PNG's work I'm using this:
http://www.dillerdesign.com/experiment/DD_belatedPNG/

If anyone could help me with cross-browsing for this dinosaur of a browser it would be greatly appreciated.

thank you,
tim