Problème d'alignement (CSS)

bonjour,

Je ne suis pas une star de la programmation et je pense que ma question devrais trouver assez vite une réponse.
Voila, j’ai crée un blog sur lequel j’ai intégré un menu. Voici ce que j’ai mis dans le css:

ul {
list-style-type: none;
margin:0;
padding:0;
position: absolute;
top: 154px; /* positionnement du menu, que vous pouvez changer à loisir */
left: 200px;
}

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: 2px solid #fff;
text-decoration: none;
color: #FFFF00;
background: #000080;
}

.menu a:hover {
color: #FFFF00;
background: #0000FF;
border: 1px solid gray;
border-bottom: 0px;
color: #fff;
}

et dans le html, j’ai mis ça :

Le problème, c’est que l’alignement du menu n’est pas le même sous mozilla et sous IE. Comment faire?

Merci d’avance

C’est sûr qu’au niveau sémantique les listes sont bien indiquées (menu, etc). par contre, ça n’est pas forcément le cas vis à vis du rendu : essaye déjà sans le left, et éventuellement avec un display: block.

File voir ta page que je teste.

“File voir ta page?”

Tu veux que je t’envoie le code complet de la page?

Non. Un exemple concret de ton problème : ie = un lien vers ton blog.
Edité le 25/07/2007 à 17:26