Menu CSS

E ae pessoal!

beleza!

Bom, fiz um menu css para um site que funcina 100% em todos os navegadores menos no IE6 (como se fosse novidade)!

O problema é o seguinte:

Quando passo o mouse sebre o menu ele carrega outra imagem de fundo para os links!

mas no ie6 esse carregamento demora muito quase um segundo, e toda hora que passa o mouse é como se ele estivesse carregando!

Sera um problema no meu css?

link: Site

vídeo: vídeo do problema

esse é o codigo:

menu

<div id="main_menu">
 <ul>
 <li class="home"><a href="index.php">HOME</a></li>
 <li class="portfolio"><a href="portfolio.php">PORTIFOLIO</a></li>
 <li class="tutorial"><a href="v2/tutoriais.php">TUTORIAIS</a></li>
 <li class="contato"><a href="contato.php">CONTATO</a></li>
 <li class="links"><a href="links.php">LINKS</a></li>
 <li class="rell"><a href="rell.php">RELL</a></li>
 </ul>
</div>

css

<pre>#main_menu {
 float:right;
 display:inline;
 margin:110px 15px 0 70px;
 }

 #main_menu a {
 float:left;
 display:inline;
 color:#FFFFFF;
 font-weight:normal;
 font-size:12px;
 text-decoration:none;
 padding:10px 15px 10px 15px;
 margin-left:7px;
 background:url(../imgs/mn_inactive.gif) repeat-x center;
 }

 #main_menu a:hover {
 background:url(../imgs/mn_active.gif) repeat-x center;
 }

 #main_menu ul {
 margin:0px;
 padding:0px;
 list-style-type:none;
 }

 #main_menu li {
 display:inline;
 margin:0px;
 padding:0px;
 }
 </pre>