I need your expertise: CSS image replacement technique crashes IE6 on a:hover

[kohoutek]

I have tested the site on IE6 on my old Windows computer and it works fine. I've also tested the site on my Mac on all browsers and it works fine. But some people who use IE6 have the browser crash when they hover over links that use images for text.

I have used the simplest method out there. Of course there are better techniques and I'm thinking of replacing the method to provide better images on/off support etc. But here is the code that makes some people's IE6 browser crash (the three bottom image links on the site):

The menu:

ul#menu {
   	 margin: 8px 0 0 0;
   	 width: 753px;
   	 height: 90px;
   	 float: left;
   	 clear: both;
   }
   
   ul#menu li {
   	 float: left;
   }
   
   ul#menu li a:link, ul#menu li a:visited, ul#menu li a:hover {
   	 text-indent: -99999px;
   	 display: block;
   	 float: left;
   	 height: 90px;
   }

Snippets of the link ids

#blog li#jour a {
   background: url(../images/blog_jour.gif) no-repeat; width: 241px; 
   }
   
   
   
   #blog li#news a {
   background: url(../images/blog_news.gif) no-repeat; width: 260px; 
   }
   
   
   
   #blog li#kontakt a {
   background: url(../images/blog_kontakt.gif) no-repeat; width: 252px; 
   }

snippets of the link hover ids

  #blog li#jour a:hover, 
  #blog li#news a:hover, 
  #blog li#kontakt a:hover {
   background-position: 0 -90px; display: block; 
  }

The problem child website

Thank you in advance for any advice you have.

Maleika

[keano]

why use image replacement if it was never used when we did regular html table designed sites? where table html sites safe from reason why you must use IR technique? just trying to understand

[kohoutek]

Originally Posted by keano

why use image replacement if it was never used when we did regular html table designed sites? where table html sites safe from reason why you must use IR technique? just trying to understand

Not sure what tables have to do with my issue? I'm confused ...

[Tyssen]

Originally Posted by keano

why use image replacement if it was never used when we did regular html table designed sites? where table html sites safe from reason why you must use IR technique? just trying to understand

Because when tables were the only layout method, people didn't much care whether the text supplied in an image was actually present in the HTML or not. These days, people do - it's better for search engines and for people who browse with images off or use screen readers.
The only thing I can suggest is maybe your negative indent is too much. I've generally only seen it set as large as -9999px.

[kohoutek]

Thank you Tyssen. I will try that out.