
<style>
<!--

ul {
list-style-type: none;
margin:0;
padding:0;
position: absolute;
top: 1em;
 /* positionnement du menu, */
 /* que vous pouvez changer à loisir */
left: 2em;
width: 100%; /* précision pour Opera */
}

.rose {background: #FBC9BA}
.gris {background: #ECE9D8}

li { float: left; }

.menu a {
 /* définition de chaque bouton du menu */
width: 100px;	
 /* largeur du bouton, que vous pouvez changer à loisir */
height: 20px;
float: left;
display: block;
text-align: center;
border: 1px solid #fff;
text-decoration: none;
color: #000;
background: #ECE9D8;
}

.menu a:hover {
color: #411;
background: #AAA;
border: 1px solid gray;
border-bottom: 0px;
color: #fff;
}

.menu a span {
 /* définition de la balise <span> incluse dans <a> */
display: none;
}

.menu a:hover span {
 /* définition de la balise <span> au survol */
display: block;
position: absolute;
top: 60px;
left: 0;
width: 500px;
 /* largeur de la zone de commentaires, */
 /*selon la taille du menu */
text-align: left;
border-top: 0px solid gray;
color: #000;
background: #FBC9BA;
}
//-->
</style>
