Buenas tardes para todos
Tengo un menú:
Código CSS:
Ver originaldiv#menu_principal{
height:25px;
margin-top:118px;
width:1024px;
margin-left: 158px;
vertical-align: middle;
float: left;
position: absolute;
padding-right: 250px;
}
div#menu_principal ul li {
display:inline;
float:left;
list-style-type:none;
font-size:1.2em;
vertical-align: middle;
}
div#menu_principal ul li a {
text-decoration: none;
color: #3F4B56;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
padding-top: 0px;
padding-right: 9px;
padding-bottom: 0px;
padding-left: 9px;
}
div#menu_principal ul li a.current,
div#menu_principal ul li a:hover {
text-decoration: none;
color: #b5d4d2;
background-color: #617485;
padding-top: 3px;
padding-right: 9px;
padding-bottom: 6px;
padding-left: 9px;
}
El cual se ve mal en IE, se ve salido del marco.
Sí lo ajusto para que reducir su ancho me queda muy pegado en los otros navegadores.
Como hago para que se vea bien en IE.
Gracias por su ayuda