CSS : differences entre IE et Mozilla/Firefox

Nouveau WRInaute
Bonjour,

je suis en train de creer un site à l'aide de css. Mon pb est le suivant : j'ai une difference de 10px (dans le positionnement) entre IE et Mozilla/Firefox. Je sais pas comment faire pour que ca s'arrange...

Voila mon code :
dans le fichier CSS
Code:
#icones {width: 13px; height: 20px; margin: 0 0 0 375px; padding: 35px 0 0 0;}
a#diapo:link, a#diapo:visited {background: url(../_images/diapo_off.gif) top left no-repeat; text-indent: -5000px; width: 13px; display: block; text-decoration: none; float: left;}
a#diapo:hover {background: url(../_images/diapo_on.gif) top left no-repeat; }
a#film:link, a#film:visited {background: url(../_images/film_off.gif) top left no-repeat; text-indent: -5000px; width: 16px; display: block; text-decoration: none; margin: -12px 0 0 25px; float: left;}
a#film:hover {background: url(../_images/film_on.gif) top left no-repeat; }
a#prec:link, a#prec:visited {background: url(../_images/prec_off.gif) top left no-repeat; text-indent: -5000px; width: 13px; display: block; text-decoration: none; margin: -12px 0 0 80px; border-right: 1px solid black; float: left;}
a#prec:hover {background: url(../_images/prec_on.gif) top left no-repeat; }
a#suiv:link, a#suiv:visited {background: url(../_images/suiv_off.gif) top left no-repeat; text-indent: -5000px; width: 13px; display: block; text-decoration: none; margin: -12px 0 0 100px; float: left;}
a#suiv:hover {background: url(../_images/suiv_on.gif) top left no-repeat; }

et dans mon fichier php : (j'ai enleve les lien sinon c'etait trop long pour l'affichage du code)
Code:
<div id="icones">
       <a href="#" id="diapo">diaporama</a>
       <a href="#" id="film">film</a>
       <a href="#" id="prec">precedent</a>
       <a href="#" id="suiv">suivant</a>
</div>

Merci d'avance =)
 
Discussions similaires
Haut