Listas em IE

[asmayr 0]

Estou com uma dificuldade que gostaria de dividir com vocês.Construi um menu de lista (todo em CSS) e gostaria de dar um destaque a um dos iítens desta lista. Atribui uma classe (.red) a um dos ítens com o objetivo de apresentar o ítem em outra cor. No Firefox a exibição é normal e o íten aparece com o formato pretendido. No IE, ele insiste em ficar no formato padrão e não reconhece a classe atribuida. Gostaria de entender o que está acontecendo.Seguem abaixo os códigos:HTML<ul id=nav><li><a href="index.htm">Asmayr</a><li><a class=red href="http://www.hybris.asmayr.pro.br">Opinião - (blog)</a><li><a href="#">Graduação Unis-MG</a> <ul> <li><a href="comunicacao.htm">Comunicação Social</a> <li><a href="direito.htm">Direito</a> <li><a href="edfisica.htm">Educação Física</a> <li><a href="engenharia.htm">Engenharia</a> <li><a href="servicosocial.htm">Serviço Social</a> </ul>CSSBODY{/*background-image: url(cinza.jpg);*//*background-repeat: no-repeat;*/background-color: #FFE;font-size: 90%;}/*estilos do cabeçalho*/#cabeca {width: 100%;}/*estilos do corpo principal*/#corpo {color: #000;background-color: #FFE;position: absolute;margin-top: 42px;margin-left:172px;width: 75%;border-color: #090;border-width: 0 0 0 10px;border-style: solid;}/*estilos do painel esquerdo*/#nav {position: absolute;margin-top: 42px;width: 170px;border-color: #CCC;}.nota {color: #090;background-color: #CFC;margin-top: 10px;padding-top: 10px;border-color: #090;border-width: 1px 0 0 0;border-style: solid;text-align: center;font-size: 90%;}p { font-family: sans-serif, Arial, Helvetica;font-size: 90%;text-align:justify;color: #000000;}h1 { font-size: 16pt;font-family: sans-serif, Arial, Helvetica;color: #090;text-align: right;background: #CFC;border-bottom-style: solid;border-left-style: solid;border-bottom-width: 1px;border-left-width: 8px;margin-left: 50%;margin-right: 0%;}h2, h3 { font-size: 14pt; font-family: sans-serif,Arial, Helvetica; color: #090; margin-right: 10%;background: #CFC;border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #090; }h4 { font-size: 12pt; font-family: sans-serif, Arial, Helvetica; color: #000000; font-weight: normal; }h5 { font-size: 10pt; font-family: sans-serif, Arial, Helvetica; color: #FF0000; font-style: italic ;font-weight: normal; }a:link { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #009; font-size: 90%;}a:hover { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #090; font-size: 90%;}a:visited { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #006; font-size: 90%;}a:active { font-weight: bold; color: #090; font-size: 90%; }a.red { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #F00; font-size: 90%;}ul { margin: 0; padding: 0; list-style: none; width: 170px; /* Width of Menu Items */ border-bottom: 1px solid #ccc; }ul li { position: relative; } li ul { position: absolute; left: 169px; /* Set 1px less than menu width */ top: 0; display: none; }/* Styles for Menu Items */ul li a { display: block; text-decoration: none; color: #090; background: #fff; /* IE6 Bug */ padding: 5px; border: 1px solid #ccc; border-bottom: 0; }/* Fix IE. Hide from IE Mac \*/* html ul li { float: left; height: 1%; }* html ul li a { height: 1%; }/* End */ul li a:hover { BACKGROUND: #cfc; BORDER-LEFT: #090 6px solid; font-weight: bold; COLOR: #090;} /* Hover Styles */ li ul li a { padding: 2px 5px; } /* Sub Menu Styles */ li:hover ul, li.over ul { display: block; } /* The magic */

[pa_bruno 0]

o problema pode ser pq tem cor no a:link, ae ele sempre vai ficar com akela cor... naum importando a classe... as vezes acontece isso... jah aconteceu comigo... testae...