Menu unosi się przez HOVER.

[kulig9]

Witam.
Mam poziome menu, i gdy sobie ustawiam , że ma się pojawiać hover to monu unosi się do góry i zmienia swoją pozycję, proszę o pomoc...

Kod:

#menu{
width: 670px;
    height:10px;
    margin-top: 120px;
    float: right;    
    z-index:4;
    position:relative;
    

    
}

#menu ul,li {
    font-size: 16px;
    font-family: Georgia, Arial, Verdana, Times New Roman;
    display: block;
    list-style: none;
    padding: 0 0 0 0;
    margin: 0px 10px 0 0;
    float: left;
    text-decoration: none;
    
    }


#menu li a{
    text-decoration: none;
    color:#fff;
}    

#menu li a:hover{
    color:#ffc000;
}

#menu li:hover{
    width: 152px;
    height: 54px;
    background: url(../images/hover.png) no-repeat);
    position: relative;
}