menu de css no me funciona en internet explorer 7

[rufus]

que el menu que he hecho con css no me funciona correctamente con el internet explorer 7.. las letras si se me cambian de color pero el fondo no..y en el mozilla firefox funciona perfectamente. este es el codigo que e usado:

Código:

	  <div id="menu">
	 
<ul class="menu2">

  <li><a href="index.php"><span>Bio</span></a></li>
    <li><a href="#"><span>noticias</span></a></li>
  <li><a href="#"><span>discografia</span></a></li>
  <li><a href="#"><span>fotos</span></a></li>
  <li><a href="#"><span>descargas</span></a></li>
  <li><a href="#"><span>videos</span></a></li>
  <li><a href="#"><span>booking</span></a></li>
  
</ul>
</div>

Código:

/*menu principal isaac maya*/

.menu2{/* margin-left:-22px; margin-top:25px;*/ padding-left:1px; padding-top:5px; width:152px; list-style:none;  margin-top:20px; background-color:#fee198;  }



.menu2 li{padding:0; margin:0 0 1px 0; height:30px; display:block; background-position:center; background-repeat:no-repeat; }

.menu2 li a{text-align:left;height:50px;
padding-top:10px; padding-left:13px; font:12px Verdana, Arial, Helvetica, sans-serif; color:rgb(255,255,255); display:block; background:url('imagenes/frontal888.jpg') 0px 0px no-repeat; text-decoration:none;}

.menu2 li a:hover{background:url('imagenes/trasera888.jpg') 0px -5px no-repeat; color:rgb(255,255,255); color:#000000;}


.menu2 li a span{line-height:15px;}

#menu2 img{   padding-top:30px; padding-left:10px; }