Tengo un menú:
Código CSS:
Ver original
div#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