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‘ ]