# CSS Rollover Issue

**URL:** <https://forum.kirupa.com/t/css-rollover-issue/252391>\
**Category:** web dev\
**Created:** [February 19, 2008, 7:04pm UTC](https://forum.kirupa.com/t/css-rollover-issue/252391 "2008-02-19T19:04:50Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Syous](https://avatars.discourse-cdn.com/v4/letter/s/57b2e6/32.png) [@Syous](https://forum.kirupa.com/u/Syous)\
**Post date:** [February 19, 2008, 7:04pm UTC](https://forum.kirupa.com/t/css-rollover-issue/252391/1 "2008-02-19T19:04:50Z")

</div>

Can’t get my images to rollover, not sure what’s going on. I’ve done the tutorial on this site and nothing. Done some other tut’s on the net and still having the same issue. I’m trying to get the home image to move position on rollover correctly.

Link (firefox only) [http://designsbyrema.com/Caren L/schedule.html](http://designsbyrema.com/Caren%20L/schedule.html)

```auto
<div class="home"><a href="#">&nbsp;</a></div>

```

```auto
.home {
    position: absolute;
    height: 30px;
    width: 57px;
    text-indent: 0px;
    overflow: hidden;
    background: url(images/links/home.jpg) 0 0 no-repeat;
    display: block;
    float:left;
    z-index:1;
}
.home a:hover {
    background-position: -30 0 no-repeat;
    z-index:1;
}

```