[CSS] Problème pour créer un menu.

Bonsoir.

Je suis en train de modifier mon site (histoire de le rendre plus
propre), et j'utilise un menu basé sur le code d'Eric Meyer.

Chacune des options du menu est affiché dans une option <li>, car
l'ensemble est affiché comme une liste.

Voici le code xhtml du menu :

<div id="menu">
<ol>
<li>Lien qui va bien</li>
[un petite dizaine d'entrée complémentaires]
</ol>
</div>

Pour mes CSS :

"[]
ol {
padding-left: 5px;
list-style: none;
}
[]
#menu {
position: absolute; /* Pour IE :( */
top: 7px;
left: 3px;
width: 195px;
height: auto;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
z-index: 100;
background-color: #D9D9D9;
border: thin outset #B3C7DC;
font-size: small;
}

/* truc pour que IE agisse correctement avec le menu, d'après le site de
Pascal Chevrel */

body > div#menu { /* pour que IE n'ennuie pas mozilla */
position:fixed;
}

/* maintenant, les styles de lien du menu */

#menu a {
display: block;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
background-color: transparent;
border-width: 0;
color: #691F1F;
margin-right: 15%;
}

#menu a:hover {
display: block;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
background-color: transparent;
border-width: 0;
color: #CC3300;
}

#menu a:visited {
display: block;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
background-color: transparent;
border-width: 0;
color: #CC33CC;
}"

En gros, en schémitisant sous IE j'ai un truc du style

| Option 1 |
| |
| Option 2 |

Et sous Gecko :

| Option 1 |
| Option 2 |

Ce qui est franchement moins lisible.

Une idée de dépannage pour que le menu soit lisible sous les deux ?

Merci :)

--
Frédéric Béziès - frederic.bezies@free.fr

Site Perso : http://frederic.bezies.free.fr/
Weblogs : http://frederic.bezies.free.fr/weblog/
http://perso.wanadoo.fr/frederic.bezies/
Fourre-tout : http://frederic.bezies.free.fr/pratique/