Problem z :hover

Witam . 

.partners div a.class1{
    width: Xpx;
    height: Ypx;
    background: url(url1);
    text-decoration: none;
    display: inline-block;
}
.partners div a.class1:hover{
    background: url(url2);
}

<div class="partners">
    <div>
        <a class="class1" href="#" target="blank" >&nbsp;</a>
    </div>
</div>

a najlepiej jak połączysz te 2 obrazki w 1 plik i przy akcji hover zmienisz jedynie położenie przy użyciu background-position

Dzięki !!! Działa .