Menu CSS Image Rollover - Bug IE6

Works perfect on IE7 e Firefox

[jarbolino]

HI!

I change a menu with rollover images on each button and the last one ( INFORMAÇÕES GERAIS) doesnt work in IE6.

All buttons has the effect, appearing a new image on background, but the last one do nothing.

Here the site: <snip>

here is in the index.html the menu code:

<div id="pages">
<h2>Pages</h2>
<ul>
 <li><a id="page1" href="html/med-1.html">medicamentos</a></li>
 <li><a id="page2" href="#">consultas</a></li>
<li><a id="page3" href="#">óculos</a></li>
<li><a id="page4" href="#">vacinas</a></li>
<li><a id="page5" href="#">exames</a></li>
 <li><a id="page6" href="#">terapias</a></li>
 <li><a id="page7" href="#">academia</a></li>
 <li><a id="page8" href="#">fisioterapias</a></li>
 <li><a id="page9" href="#">odontologia</a></li>
 <li><a id="page10" href="#">órteses/próteses</a></li>
 <li><b id="page11" href="#">Informações Gerais</b></li>
</ul>
</div>

[edited by: DrDoc at 5:27 pm (utc) on July 22, 2008]
[edit reason] No URIs please. Reduced code. [/edit]

[DrDoc]

IE6 and prior do not support

:hover

on non-anchor elements. The last element in your list is

<b>

, not

<a>

. Changing it to an anchor will make it work again. Also,

href

is not a valid attribute for

<b>

. Perhaps you should also try validating [validator.w3.org] your markup.