# Navigation problems

**URL:** <https://forum.kirupa.com/t/navigation-problems/275083>\
**Category:** Uncategorized\
**Created:** [November 9, 2008, 4:29am UTC](https://forum.kirupa.com/t/navigation-problems/275083 "2008-11-09T04:29:08Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![chrisclick](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/chrisclick/32/1991_2.png) [@chrisclick](https://forum.kirupa.com/u/chrisclick)\
**Post date:** [November 9, 2008, 4:29am UTC](https://forum.kirupa.com/t/navigation-problems/275083/1 "2008-11-09T04:29:08Z")

</div>

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:

```auto

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