Problema di compatibilità con browser

[DARKF3D3]

Da qualche giorno mi sono accorto che la barra dei menu del mio blog non funziona correttamente con IE, mentre con chrome e firefox non da alcun problema. Purtroppo non riesco a capire qual'è la causa... potete darmi una mano?

il sito è "dottorgadget . it" e questo è il codice:

Codice PHP:

                <a href="........." title="Abbigliamento"><div class="bar abbigliamento <?php if (is_category('Abbigliamento')) { ?>selezionata<?php } ?>"></div></a>
                <a href="........." title="Casa e ufficio"><div class="bar casaufficio <?php if (is_category('Casa e ufficio')) { ?>selezionata<?php } ?>"></div></a>
                <a href="........." title="Eco"><div class="bar eco <?php if (is_category('Eco')) { ?>selezionata<?php } ?>"></div></a>
                <a href="........." title="Gadget"><div class="bar gadget <?php if (is_category('Gadget')) { ?>selezionata<?php } ?>"></div></a>
                <a href="........." title="Extreme gadget"><div class="bar extremegadget <?php if (is_category('Extreme Gadget')) { ?>selezionata<?php } ?>"></div></a>
                <a href="........." title="Lifestyle"><div class="bar lifestyle <?php if (is_category('Lifestyle')) { ?>selezionata<?php } ?>"></div></a>
                <a href="........." title="Retro"><div class="bar retro <?php if (is_category('Retro')) { ?>selezionata<?php } ?>"></div></a>
                <a href="........." title="Tecnologia"><div class="bar tecnologia <?php if (is_category('Tecnologia')) { ?>selezionata<?php } ?>"></div></a>
                <a href="........." title="Toys"><div class="bar toys <?php if (is_category('Toys')) { ?>selezionata<?php } ?>"></div></a>

Come vedere è molto semplice, non capisco cosa possa causare quei problemi.