Hola, tengo una lista desplegable, sale cuadrada en la mayoria de navegadores pero en IE8 sale mas abajo, tengo este meta que me ayudado pero no en esto
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
desearia arreglarlo y que salga cuadrada.
mi codigo:
Código HTML:
<head>
<style type = "text/css">
.back{
background-image:url('');
background-repeat:no-repeat;
background-color:#99cccc;}
<!--estas 3 lineas de codigo es para que se vea cuadrada la lista desplegable en IE7-->
*{ margin:0; padding:0}
#menu > li{ position:relative;}
#menu > li > ul{ left:0;}
#menu{padding-left:0px; margin-top:120px; }
#menu li{list-style:none; float:left;}
#menu li a{display:block; width:100px;height:20px; background-color:#FF0000;border:1px solid; padding:2px;text-decoration:none;
text-align:center; color:#000;font-family:arial; font-size:15px;font-weight:bold;}
#menu li a:hover{background:navy;border-color:transparent;color:#FF1493;}
#menu li ul{display:none; position:absolute;}
#menu li ul li {display:block;float:none; position:relative; padding:0px}
#menu li:hover ul{display:block; padding-left:0px;}
</style>
</head>
<body>
<ul id="menu">
<li><a class="back" href="menus.php">Inicio</a></li>
<li><a class="back" href="mensajes.html">Mensajes</a></li>
<li><a class="back" href="enlinea.html"> En Linea</a></li>
<li><a class="back" href="busqueda.html">Busqueda</a></li>
<li><a class="back" href="coincidencias.html">Coincidencias</a></li>
<li><a class="back" href="visitantes.html">Visitantes</a></li>
<li><a class="back" href="menus.php">Mi Perfil</a>
<ul>
<li><a href="editarperfil.php">Editar Perfil</a></li>
<li><a href="fotos.php">Subir Fotos</a></li>
</ul></li>
<li><a class="back" href="chat.html"> CHAT</a></li>
<li><a class="back" href="cuenta_gold.php">Cuenta Gold</a></li>
</body>