[RobsonV]

Galera estou com um probleminha desagradavel em um site que estou desenvolvendo.
www.escolaexacto.com.br/indexr.html
No menu, quando passo o mouse sobre o botão, ele desliza para baixo e está desagradavel isso ¬¬"
Alguem poderia me ajudar a parar com esse movimento? já tentei tudo que eu sei...
Sou até um pouco novato com CSS, migrando de Table pra div, tá fods rsrs
aqui vai o css do menu...

CÓDIGO

ul.menu {
list-style-type:none;
width:auto;
position:relative;
display:block;
height:20px;
font-size:12px;
background:url(../img/bg.png) repeat-x top left;
font-family:Verdana,Helvetica,Arial,sans-serif;
border:0px solid #000;
margin:0;
padding:0;
}

ul.menu li {
display:block;
float:left;
margin:0;
padding:0;
}

ul.menu li a {
float:left;
color:#FFFFFF;
text-decoration:none;
height:16px;
padding:1px 16px 0;
font-weight:normal;
}

ul.menu li a:hover,.current {
    color:#333333;
    text-decoration:none;
    border-top:1px solid #000;
}

ul.menu .current a {
color:#333333;
font-weight:700;
}


/*ORANGE*/
ul.menu.orange{
background-color:#FFCC00;
}
ul.menu.orange li a:hover, .menu.orange li.current {
background-color:#FFCC00;