Buona sera a tutti

...sicuramente sono io che sbaglio qualcosa, ma...

Ho creato una pagina, tutta allineata con CSS. Tra le tante parti allineate con CSS mi son trovato a dover posizionare un'immagine con queste dimensioni 362x8 pixel

Per fare una "cosa" pulita, ho creato un DIV in questo modo
codice:
<div style="width: 362px; height: 8px; background-color: transparent; padding: 0xp 0px 0px 0px; margin: 0px 0px 0px 0px;">
[img]./img/tab_top.gif[/img]
</div>
La cosa strana è che l'immagine non si trova all'interno del DIV, ma si trova spostata di 5 pixel verso il basso, mandandomi a ramengo tutto il layout (lo so che per sistemare basta mettere un top: -5px; ma voglio evitare queste sistemazioni assurde che poi mi fanno casino con Internet Explorer 6)

Dico che l'immagine è spostata di 5 pixel perchè così mi mostra FireFox col suo FireBug (e comunque a rigor di logica dovrebbe stare perfettamente all'interno del DIV)


La pagina si può vedere qui http://www.dentistasubito.it/index2.php

Qualcuno avrebbe voglia di dargli un'occhiata e magari scoprire l'arcano?

PS: CSS e XHTML sono validati con l'apposito servizio del w3c