Ten typ hovera można zastosować jeśli w efekcie ma się przeładować również tło. Metoda ta zapobiega chwili ładowania się nowego obrazka. Ponieważ załaduje go podczas ładowania grafiki strony.

kod css:
a.menu {
    height:35px;
    background:url(img/menu.jpg) repeat-x;   
    display:block;
    float:left;
    border-right:1px solid #363636;
    padding:15px 10px 0;
    }
a.menu:hover {
    background-position:0 -50px;
    }

Html:
<a href="#" class="menu">Lorem impsuma>