[résolu]menu avec liens non-alignés verticalement, ni horizontalement

Bonjour,

je fais un menu dont aucun lien n'est aligné avec les autres,
ainsi se pose la question du positionnement

en effet, je me retrouve avec des décalages selon le navigateur utilisé :

<nav id="menuprinc">


<a  div id="accueil"  href="">accueil</a>
<a  div id="inscription"  href="">inscription</a>
<a  div id="forfait"  href="">forfait</a>
<a  div id="code"  href="">code en ligne</a>
<a  div id="info"  href="">contact/infos</a>

</nav>

#menuprinc

{
margin-left:250px;
position:fixed;
width:300px;
height:300px;
background:url(img/menu.png) no-repeat;
-webkit-background-size: 50% 50%; 
  -o-background-size: 50% 50%; 
  -moz-background-size: 50% 50%; 

}
#menuprinc a
{color:white;
font-size:13pt;
font-family:molot;
text-decoration:none;
text-shadow: 0px 0px 5px #2b2b2b;
filter: dropshadow(color=#2b2b2b, offx=0, offy=0);
}

a#accueil

{
position:absolute;

margin-top:38px;
margin-left:-30px;
}

a#inscription

{
position:absolute;

margin-top:33px;
margin-left:143px;

}

a#forfait

{
position:absolute;

margin-top:75px;
margin-left:124px;

}
a#code
{
position:absolute;

margin-top:115px;
margin-left:152px;

}

a#info
{
position:absolute;

margin-top:125px;
margin-left:-40px;

}

ainsi je me demande si la meilleure solution serait d'utiliser un menu avec sprite..
qu'en pensez-vous ?
Modifié par waik (26 Apr 2011 - 23:22)

Bonsoir,

pb résolu

j'ai remplacé mes margin-top, margin-left
par simplement des top et des left
et c'est beaucoup mieux