Menu CSS : décalage fond en survol

bonjour,
j'essaye de créer un menu horizontal avec un décalage vertical vers le haut lors du survol du menu.
J'ai utilisé 1 padding-top pour la propriéé #Menu ul a:hover.
L'effet est parfait sur moz, opéra, chrome mais alors ie c'est la galère.
J'ai l'impression qu'il s'arrête au bord du div du menu.
est-ce normal qu'il réagisse ainsi ?
Est-ce que je peux détrouner l'effet ou faut-il que je crée un div pour le fond de la barre du menu et un div pour le menu ss fd avec un décalage vertical haut ?
Merci

Salut,

Je pourrai te répondre un milliard de choses différentes sans une portion de code ou un exemple en ligne

Ok désolée voici le code CSS

#Menu {
background-color: #7b003d;
height: 60px;
font-family: Century Gothic;
font-size: 16pt;
color: #FFF;
padding-left: 5%;
padding-right: 3%;
}

#Menu ul {
list-style-type: none;
padding-top: 15px;
}

#Menu ul li {
display: inline;
text-align:center;
}

#Menu ul a{
color: #fff;
text-decoration:none;
padding-bottom: 5px;
padding-left: 15px;
padding-right: 15px;
padding-top: 30px;
}

#Menu ul a:hover {
background:#d4006a;
color:#FFF;
padding-top: 30px;
padding-bottom: 5px;
padding-left: 15px;
padding-right: 15px;
}


Et voici le code HTML :
<div id="Menu">
<ul>
<li><a href="#">Menu1</a></li>
<li><a href="#">Menu 2</a></li>
<li><a href="#">Menu 3</a></li>
<li><a href="#">Menu 4</a></li>
</ul>
</div>

Par avance merci

Salut,

Je sais pas pourquoi mais je voulais ajouter une position relative sur le a

#Menu ul a{position: relative;}

Et effectivement, ça fonctionne .
Ca me semble logique mais je ne sais pas t'expliquer pourquoi...

Yordi

Effectivement ça marche !!!!
SUPER Merci beaucoup