Problème de comportement entre IE et FF pour un menu

Bonjour,

J'ai un problème de conportement concernant un menu en css.
Tout est expliqué ici :
http://www.designsite.info/siteV2/Untitled-1.html

Merci de votre aide.

Bonjour,

Pour ton menu, va voir mon site en signature, j'utilise un peu la même chose et pour pas que ton menu ne "bouge", ne change pas la taille de tes fonts.
Modifié par ghost (31 Jul 2006 - 00:25)

Merci de ta réponse, mais je tiens à ce que la taiile de la police change quand le curseur de la sourie est dessus....

Mon problème avec ce menu c'est la différence de comportement entre IE et Firefox,
en effet sous Firefox lorsque je passe le curseur de la sourie sur un lien,
2 barres apparaîssent au dessus et au dessous du lien, mais sous IE ces deux barres n'apparaîssent pas.
En ce qui concernne la au dessus du lien, je n'arrive pas à pouvoir la rapprocher des lettres du lien,
j'ai beau essayer de régler avec padding-botton, rien à faire.... je ne vois pas ou cela cloche !!!
Et comment faire pour que le reste de la page ne descende pas par le changement de taille du lien lorsque
le curseur de la sourie se trouve sur le lien.

le menu

<div id="navconteneur">
<ul id="navlist">
<li id="active"><a href="#">Lien 1</a></li>
<li><a href="#">Lien 2</a></li>
<li><a href="#">Lien 3</a></li>
<li><a href="#">Lien 4</a></li>
<li><a href="#">Lien 5</a></li>
</ul>
</div>

le script CSS

/* CSS Document Menu horizontal */

#navconteneur
{
font-family: Arial,Sans-Serif;
margin-top:150px;
margin: 0 auto;
margin-top: 20px;
width: 760px;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}

#navlist
{
width: 80%;
text-align: center;
margin: 4px auto;
padding: 0;
text-indent: 0;
list-style-type: none;
}

#navlist li
{
padding: 0;
margin: 0;
font-weight: bold;
text-indent: 0;
display: inline;
}

#navlist li a
{
letter-spacing: -1px;
text-decoration: none;
color: #000;
font-size: 1em;
padding: 0 5px;
}

#navlist li a:hover,#navlist a#current
{
color: #0066CC;
font-size: 1.3em;
border-top: 2px solid #6CC;
border-bottom: 2px solid #6CC;
padding-top: 0;
padding-bottom: 0;
background: transparent
}

Merci de votre aide.