Le menu Css-sprite ne fonctionne pas dans ie

Question

Pourquoi Internet Explorer ne rend pas ce menu sprite .css? Quelqu'un pourrait me faire la lumière car je ne trouve aucune erreur dans le code. Html:

<div class="menu"> 
    <ul class="nav"> 
     <li class="home"><a href="#"></a></li> 
      <li class="element2"><a href="#"></a></li> 
      <li class="element3"><a href="#"></a></li> 
      <li class="element4"><a href="#"></a></li> 
      <li class="element5"><a href="#"></a></li> 
      <li class="element6"><a href="#"></a></li> 
      <li class="element7"><a href="#"></a></li>     
     </ul> 
    </div> 

Css pour emballages et liens:

.menu{ 
    height:350px; 
    margin:0; 
    padding:0; 
    float:left; 
    width:150px; 
    } 

/*Menu*/ 
.nav{ 
background:url("menusprite.png"); 
height:350px; 
padding:0; 
margin:0; 
} 
.nav li{ 
list-style:none; 
padding:0; 
position:relative; 
top:0; 
} 
.nav li, .nav a{ 
height:50px; 
display:block; 
} 

Et par exemple css pour: lien et: vol stationnaire:

.home{ 
     left:0; 
    height:50px; 
} 
.home a:hover{ 
    background:url("menusprite.png")-150px 0 no-repeat; 
} 

Answer 1

Votre css devrait Ressembler plus:

.home a:hover{ 
    background:transparent url("menusprite.png") no-repeat scroll -150px 0; 
} 

Il y avait deux choses mauvaises dans votre css:

1. url (...) - 150px: Vous devez avoir un espace entre les attributs dans les propriétés CSS
2. - 150px 0 non-répétition: background-repeat (et background-attachment) doit précéder la position d'arrière-plan dans le raccourci