problemi con il tag <a>

[techno]

Salve a tutti, sto avendo un problema con un tag <a> ma solo su IE su altri browser, Chrome, Firefox, Safari, Opera funziona tutto benissimo.

Ho questo in HTML:

[img]/image/products/stars/v0.png[/img]

IN CSS:

a.stars { position:absolute; width:19px; height:20px; display:block; z-index:5; }
a.stars1 { top:0; left:1px; display:block; background:#F00; }
a.stars2 { top:0; left:22px; display:block; }
a.stars3 { top:0; left:44px; display:block; }
a.stars4 { top:0; left:66px; display:block; }
a.stars5 { top:0; left:88px; display:block; }

in parole povere i tag <a> sovrastano l'immagine per fare un link su ogni porzione di quella immagine.
come detto sopra solo con IE mi da il problema e cioe è come se il link non esistesse ma poi se ci metto uno scfono colorato ai link mi funziona.
Potreste schiarirmi le idee grazie.

[carlomarangoni]

perché non fai un'immagine mappata?