problemi effetti del menu

[lucaeffe]

le voci del menu dovrebbero stare in linea tra loro.
se nn passo il mouse tutto ok,appena il mouse fa contatto si dispongono come nella foto!!

regola CSS:

#menu ul{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bolder;
margin-left:270px;
margin-top:70px;
letter-spacing:2px;
word-spacing:50px;

}

#menu ul a, #menu ul a:visited{
color:#000;
text-decoration:none;
text-align:center;
}

#menu ul a:hover{
color:#FFF;
background:url(image/hover1.jpg) no-repeat;
display:block;
height:27px;
width:150px;
background-position:center;
padding:0 10px 0 0;

}

#menu li{
display:inline;
}