Bem o AcidX levantou esta hipotese:

Na verdade, por increça que parível, não é bug do IE! É que só pode ter um elemento com o mesmo ID. Nesse caso, você pode usar o “class” (div class=”menu”), e usar o “.” ao invés do “#” para definir a classe.
acidx | 11.07.05 – 1:02 am | #

Tá… mas acontece que se eu trocar o <div id=”menu”> por <div class=”menu”> e trocar o “#” por “.” dá caca… no IE fica a mesma porcaria, já no firefox, o <div> não troca de cor ao ser focado pelo mouse. E ai?

O suporte a CSS no IE é uma bomba mesmo… talvez seja caca do browser
Cesar Cardoso | Homepage | 10.07.05 – 2:41 pm | #

Bem… mas mesmo no IE6 a Dna M$ ainda não criou vergonha na cara e deu um suporte decente a CSS? ECCCAAA!!!

Sorte minha que eu apesar de usar windows, nunca usei o browser na M$, eu venho desde lá do win3.11 usando netscape (na epoca era o 4.0), depois 4.5en, dai parti pro Mozilla e agora pro Firefox.

Tem mais uma parte que eu não disse, mas quem usa o IE deve ter percebido. No caso nosso que usamos Firefox, se você já focar só o <div> (bloco cinza) o browser já reconheçe como link. Logo não precisa focar no texto especificamente.

Já com o IE, a unica coisa que ele reconhece como link ai no menu são os textos, pro <div> ele nem olha.

To apostando mais mesmo é no caso do suporte a CSS do IE ser ruim.

E olha que esses dias eu tava pensando em ‘n’-maneiras de fazer uma página que só funcionasse no Firefox/Mozilla eheheh… já é um passo nesse sentido. Ia ser muito interessante uma pagina “Firefox only” só pra ver a cara do povo que só usa IE.

Como você devem ter percebido estou dando uma mexidinhas no template do blog, mas nada muito radical, apenas umas “florzinhas” daqui e umas “frescurinhas dali”.

Até ai tudo normal, até que eu resolvi fazer uma pequena mudança no menu ai do lado. Resolvi fazer uma aplicaçãozinha localizada de CSS e fazer com que o “botão” troque de cor ao passar o cursor do mouse sobre ele. Se você estiver usando o FireFox, beleza, vai ver a modificação, agora se for o IE6, não vai ver.

O interessante de tudo é que no FireFox funcionou maravilhosamente bem, mas no IE não!!! Sera que é algum bug no IE ou bug no meu código? Vamos lá.

O porque de “botão” é que na verdade eles são <div> pintados. E para que eles se comportem como hyperlink foram inseridos dentro de uma tag <a>. Até ai tudo bonitinho, funfa no FireFox e no IE.

O código pra gerar esses “botões” é esse:

<div id=”menu”>
<a target=”_blank” href=”http://kibeloco.blogspot.com/” title=”Kibe Loco”>
<div><font color=”#FFFFFF” size=”3″>»</font><font color=”#00FFFF”> Kibe Loco</font></div>
</a>
</div>

Beleza, e o código CSS que eu formato o “botão” e pinto o fundo deles é:

#menu
{
background:#666666;
margin:0px 0px 0px 0px;
width:130px;
height:18px;
padding:0px 0px 0px 3px;
font-family: Verdana, Arial, Helvetica;
font-weight: normal;
font-size: 12px;
font-style: normal;
text-align:left;
border-top:3px solid #000000
}

#menu:hover
{
background:#777777
}

Até ai pra mim nada demais. Mas agora a pergunta que não quer calar. É alguma gambiarra ou caca que eu fiz que não funciona no IE, ou é mesmo um bug? Alguém ai se habilita a dizer alguma coisa?

[ Ouvindo: ‘Benny Mardonez – Into the Night‘ ]