Besoin d'aide ergonomie svp

Bonjour à tous,

Voilà je voudrai vous poser une question à propos de mon site Internet. J'ai installé un menu déroulant en Javascript (j'ai d'ailleurs galéré pour trouvé un code sympas! ==> mon site est en PHP) conçu sur le modèle du tutorial de alsacréation. Le problème est que ce menu se balade dans le site selon que la fenêtre soit agrandie ou non et selon la taille d'écran de l'utilisateur.

J'ai essayé de le mettre dans un tableau qui se situe dans une cellule (!), je travail avec dream.
Mais ça ne marche pas je n'arrive pas à le bloquer pour qu'il ne bouge pas. C'est peut être le css qui fait des siennes !
Je vous met le code css, j'espère que vous pourrez m'aider.
En tout cas merci bcp pour votre aide.


<style type="text/css" media="screen">
<!--
body {
margin: 0;
padding: 0;
background: #D1DCF8;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 160;
left: 130;
}
#menu {
width: 9em;
}
#menu dt {
cursor: pointer;
margin: 1px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: ;
background: #8FF28F;
}
#menu dd {
border: 1px solid #8ff28f;
}
#menu li {
text-align: center;
background: #F7F4D8;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
color: #179917;
background-color: #ffffff;
}
-->
</style>