problema rollover presenza bordo inset

[Gnr]

salve a tutti, ho un problema con un rollover css che mi sta facendo impazzire:

questo è il codice html
------------
<td style="width:50px; height:14px;">[img]/[/img]</td>
<td style="width:50px; height:14px;">[img]/[/img]</td>

e queste sono le classi e regole css
-----------
#ateBtnHeader, #areBtnHeader
{
display: block;
width:100%;
height:100%;
background-image: none;
border-style:none;
}

#btnAte:hover #ateBtnHeader
{
background-image: url(imgHeader/ateBtnImg_hover.jpg);
}

#btnAre:hover #areBtnHeader
{
background-image: url(imgHeader/areBtnImg_hover.jpg);
}

il problema (guarda qui) è che in questi due link appare un bordo stile "inset" che non dovrebbe esserci!
qualcuno riesce a spiegarmi perché appare e quindi come toglierlo?

[edit]
ah, dimenticavo forse la cosa più importante... il browser su cui devo realizzare questo rollover è IE
[/edit]



vi ringrazio immesamente

[Gnr]

allora, ho scoperto l'arcano:
il bordo "inset" è dato dalla mancata presenza dell'url nell'attributo src del tag img.

capito questo ho risolto tramite questa tecnica, cambiando quindi approccio al problema

spero sia utile anche a qualcunaltro