Dia 10 de Julho se comemóra o dia da Pizza. Provalvelmente esta é a comida Italiana mais popular depois do macarrão.

Como um bom descendente de Italianos, não pude deixar de degustar uma bela pizza hoje. Nada de pizzas cheias de frescura, foi uma o mais tradicional o possivel:

Massa caseira, aberta na munheca, nada de massas prontas. Molho de tomate, muzzarela a vontade, azeite de oliva, oregano (devidamente esfregado* , para dar sabor) e azeitonas.

Só o forno que não foi o tradicional forno de barro e a lenha, porque onde eu fui comer não tinha, era forno a gás mesmo.

* Para quem não sabe, o oregano deve ser esfregado entre as palmas da mão e deixado cair sobre a pizza enquanto esfrega, dessa forma o oregano libera muito mais o seu cheiro e sabor caracteristico.

[ Ouvindo: ‘Fleetwood Mac – Hold Me‘ ]

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