[Résolu] Menu CSS sous IE

Bonjour,

J'ai trouvé un code CSS pour un menu horizontal (je débute en CSS...).
Il est très bien sous Mozilla, mais sous IE, le menu se mettent les uns sous les autres.

J'ai cherché à résoudre le pb, sans y parvenir.

Pouvez-vous m'aider?

<div id="menu">
<img src="http://www.monsite.com/monimage.gif" alt="mon_image" class="image_gauche_block"/>
<ul>
 <li><a href="http://www.monsite.com/page1.html" title=page1">Page1</a></li>
 <li><a href="http://www.monsite.com/page2.html" title="page2">Page2</a></li>
 <li><a href="http://www.monsite.com/page3.html" title="page3">Page3</a></li>
 <li><a href="http://www.monsite.com/page4.html" title="page4">Page4</a></li>
</ul>
</div>

Code CSS:

#menu
{
height:50px;
width:850px;
background-color:white;
border:1px solid gray;
margin:auto;
}

ul {
 padding:0;
 margin:0;
 list-style-type:none;
 float:right;
 display:block;

 }
 
li {
 margin-left:2px;
 float:right; /*pour IE*/
 }
 
ul li a {
 display:block;
 float:right;   
 width:100px;
 background-color:#99CC99;
 color:black;
 text-decoration:none;
 text-align:center;
 padding:5px;
 border:2px solid;
 /*pour avoir un effet "outset" avec IE :*/
 border-color:#99CC99 #669966 #696969 #DCDCDC;
 }
 
ul li a:hover {
 background-color:#D3D3D3;
 border-color:#696969 #DCDCDC #DCDCDC #696969;
 } 

Merci d'avance
Modifié par mailbox13630 (01 Jun 2009 - 09:53)

Pardon....C'est un menu horizontal, pas vertical...

Salut,

ul {float:right;}
li {float:right;}
ul li a {float:right;}

Je crois que ça suffirait amplement avec

li {float:right;}

Merci

Ca fonctionne bien sous IE7 (sous IE 8 c'était bon...mais il faut penser à tout le monde)


En espérant (un jour peut-être !) pouvoir t'aider à mon tour!