Menu deroulant qui masque les autres menu

Bonjour,

Je fait appel à la communauté car j'ai un problème sur mon menu déroulant vertical sous ie7.
Ce dernier se déroule sur la même ligne a droite, ce qui masque mon autre onglet du menu.
Je ne sais pas comment réglé ce problème.

Voici le tuto utilisé: http://css.mammouthland.net/menu-horizontal-deroulant-en-css.php

J'ai suivis les consigne mais cela ne marche toujours pas. Voici mon Css en ce qui concerne le menu:

#menu3 ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
#menu3 li {
float:left;
margin:auto;
padding:0;
background-color:black;
}
#menu3 li a {
display:block;
width:100px;
color:white;
text-decoration:none;
padding:5px;
}
#menu3 li a:hover {
color:red;
}

#menu3 ul li ul {
display:none;

}

#menu3 ul li:hover ul {
display:block;
}
#menu3 li:hover ul li {
float:none;
}

#menu3 li ul {
position:absolute;
}

#menu3 {
height:50px;
}

------------

J'ai également rajouté dans l'Html les ligne indiqué dans le tuto pour Ie7:

<!--[if !IE]> <-->
<style type="text/CSS">
#menu li ul {
position:absolute;
}
</style>
<!--><![endif]-->

---------------

Si quelqu'un peut m'aider, je bloque et je doit développé un site pour l'entreprise de mon stage, donc je doit faire fonctionné ce menu impérativement ie7 y compris...

Merci à vous