mouseover'da resim değiştirme yaparsanız o şekilde bir sonuç almanız kaçınılmaz bunun yerine izlemeniz gereken yol şu;

normalde arkaplan olan resmin sonuna değişmiş halini koyacaksınız yani bittiği yerde o başlayacak...

Örnek:


Yukarıdaki resmin üzerine gelince siyah beyaz halini göstermek istiyorum...

<div id="ytarif"></div>

.ytarif
{
width:155px;
height:258px;
background:url(yemektarifi.gif) no-repeat;
}

.ytarif:hover
{
background-position:0px 258px;
}