Navigation problems

1

So, I’m using the one image rollover thing in CSS to make my navigation, but for some reason, it will not go across vertically, it just drops underneath…

you can only see the second one with position relative on the nav, with it off it just goes beneath the other div.

Code for rollover:


a.rollover {
    display: block;
    width: 100px;
    height: 35px;
    background: url("rollover.gif") 0 0 no-repeat;
    text-decoration: none;
    text-align:center;
    padding-top:10px;
    color:#808080;
    font-family:Verdana;

}
a:hover.rollover {
    background-position: -100px 0;
    color:#FFFFFF;
}

Any Ideas?

Thanks