ul {
    list-style: none;
    margin: 0;
    padding: 50px 0;
}
#maliny {
    display: block;
    width: 170px;
    height: 60px;
    position: relative;
}

#maliny span {
    display: block;
    width: 170px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    background: url('../img/maliny.png') no-repeat;
}
#maliny:hover span {
    background: url('../img/maliny-on.png') no-repeat;
}

Listing 39.6. Style pierwszej opcji menu z ćwiczenia 39.6

Rozdział 39. Przyciski rollover w CSS