zmena obrazku v css

zdravim potreboval by som spravit hover obrazku v css... to sa mi podarilo az na to ze obrazok je taky velky ako pocet pismen v href="#">text</a>
neviem kde mam zadefinovat sirku a vysku obrazka

<div id="obr">
<a target="_blank" class="zmena_obrazku" href="#"></a>
</div>

#obr {
position: absolute;
top: 370px;
right: 200px;
}
a.zmena_obrazku {
background: transparent url('obr1.gif') no-repeat;
}
a:hover.zmena_obrazku { background: transparent url('obr2.gif') no-repeat ;
}