no me funciona el codigo css en ie8 ie7 y el ie6 no se si hay otro ie mas nuevo

[julslash]

tengo un menu que es muy dinamico

este es el codigo en el html

Código HTML:

<div class="menu_nav">
        <ul>
          <li class="active"><a href="index.html">Inicio</a></li>
          <li><a href="html/support.html">Quienes somos</a></li>
          <li><a href="html/about.html">Nuestros Productos</a></li>
          <li><a href="html/blog.html">Donde Ubicarnos</a></li>
          <li><a href="html/contact.php">Contactar</a></li>
        </ul>
        <div class="clr"></div>
      </div> 

este es el codigo css del menu

me funciona perfecto en firefox y todos los navegadores q se les ocurra menos en internet explorer como siempre algo tiene que dar error :s !!!

por favor ayuda!!!

Código:

 /* menu */
.menu_nav { 
float:left; 
width:auto;
}

.menu_nav ul { 
list-style:none;
margin:10px 0px 0px 0px;
}

.menu_nav ul li { 
margin:0 4px; 
float:left; 
}





.menu_nav ul li a { /* Border Radius */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	/* Border Shadow */
	-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.6);
	-moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.6);
	box-shadow: 1px 2px 2px rgba(23,90,206,0.6);
	
	
	/* Animation (Webkit, Gecko & Mozilla) */
	-webkit-transition-duration: 0.20s;
	-webkit-transition-timing-function: ease-out; 
	-moz-transition-duration: 0.20s;
	-moz-transition-timing-function: ease-out; 
	
	color: #ffffff;
	background: rgba(19,170,234,9);
	display: inline-block;
	padding: 5px 15px;
	outline: none;
	text-decoration: none;
	
	
	}



.menu_nav ul li.active a, .menu_nav ul li a:hover {
	color: #13B5EA;
	 background: rgba(255,255,255,5);
		padding: 5px 25px;
		}