Olá pessoal, estou com o seguinte problema.
Tenho esse CSS, ele é bem antigo e estou fazendo modificações nele pra adaptar pra outros navegadores, já que na época que ele foi desenvolvido só havia IE e Netscape.
[code] /* Página de Menu /
.menu {
font-family: Verdana;
font-size: 10px;
border-top: 1px solid #DEE3E7; / #CCCCCC */
border-bottom: 0px;
height: 100%;
width: 100%;
}
.menu font , .menu font a
{
font-size: 10px;
font-weight: bold;
color: #333333;
height: 20px;
padding-left: 3px;
padding-top: 3px;
padding-bottom: 3px;
cursor: hand;
}
.menuNivel1 {
width: 100%;
background-color: #EFEFEF;
}
.menuNivel1,
.menu a {
<!–[if !IE]> -->
line-height:19px; /* Outros /
<!–[endif]–>
<!–[if IE]>
height:12px; / IE */
<![endif]–>
}
.menu a {
color: #3252DD;
width: 100%;
border-bottom: 1px solid #DEE3E7; /* #CCCCCC */
padding-left: 10px;
padding-top: 3px;
padding-bottom: 3px;
}
.menu a:hover {
color: #FFFFFF;
background-color: #0066FF;
}
.menuSeta {
font-size: 30px;
font-family: MS Sans Serif, Verdana;
text-align: center;
color: #006699;
/behavior: url("/js/menu.htc"); /**/
background: #DEE3E7; / #C0C0C0 /
border-top: 1px #FFFFFF solid;
border-left: 1px #FFFFFF solid;
border-bottom: 1px #98AAB1 solid; / #808080 /
border-right: 1px #98AAB1 solid; / #808080 */
padding-top: 1px;
padding-left: 1px;
padding-bottom: 1px;
padding-right: 1px;
}
.menuSetaDown {
border-top: 1px #DEE3E7 solid; /#98AAB1/
border-left: 1px #DEE3E7 solid; /#98AAB1/
border-bottom: 1px #DEE3E7 solid; /* #FFFFFF #808080 /
border-right: 1px #DEE3E7 solid; / #FFFFFF #808080 */
padding-top: 2px;
padding-left: 2px;
padding-bottom: 0px;
padding-right: 0px;
}
@import url(/especifico/css/menu.css);[/code]
O meu problema está nessa parte:
[code] .menuNivel1,
.menu a {
<!–[if !IE]> -->
line-height:19px; /* Outros /
<!–[endif]–>
<!–[if IE]>
height:12px; / IE */
<![endif]–>
}[/code]
Tenho que fazer esse line-height:19 para os navegadores que não forem IE.
E o height:12px é quando se usa o IE.
O problema é que ele não está sendo aplicado nos outros navegadores que não sejam o IE, e todos estão pegando a configuração de height:12px;
Alguem teria alguma idéia de como resolver isso?
Grato, Lucas