Menu Horizontal avec sous menu

Bonjour,

J'ai tenté de réaliser un menu horizontal en images png, avec un sous menu et un petit script javascript pour gérer l'affichage du sous-menu ...

Le problème c'est que dès que je change de résolution, le sous-menu se décale plus ou moins en fonction de la résolution.

Voici le code :

       <ul id=""menu">
            <li><a><b>Accueil</b></a></li>
			<li><a  onmouseover="javascript:montre();"> un lien </a></li>
            <ul id="sousmenu">
            	<li><a id="2" href="" ><b> sous menu 1 </b></a></li>
            	<li><a id="3" href=""><b> sous menu 1 </b></a></li>
                <li><a id="4" href=""><b> sous menu 1 </b></a></li>
             	<li><a id="5" href=""><b> sous menu 1 </b></a></li>
                <li><a id="6" href=""><b> sous menu 1 </b></a></li>
            </ul>
			<li><a>un lien</a></li>
			<li><a>un lien</a></li>
        	<li><a>un lien</a></li>
        	<li><a>un lien</a></li>
          </ul>

#menu
display:block;
width:135px;
height:50px;

#sousmenu{
position:absolute; top:150px; left:60px; list-style-type:none; display:none;
}

#sousmenu li{
display:block;
width:130px;
height:50px;
background:url(../images/seaniak.png) top center no-repeat;
outline: none;
}

<script language="javascript" type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
if (document.getElementById('sous-menu')) {document.getElementById('sous-menu').style.display='none';}
if (d) {d.style.display='block';}
}
//-->
</script>

Merci de votre aide précieuse
Modifié par popovitch (23 May 2008 - 10:39)