Egy kép, ami két részre van osztva - ezt hogy lehet megoldani mouseover funkcióval?

kell egy fixméretű div. Annak be kell állítani a hátteret, hogy a kép egyik felét mutassa:

pl background:url('valami.jpg') no-repeat left top;

A divnek akkora méretűnek kell lennie, mint a kép fele.

Aztán csinálsz egy plusz css sort:

div:hover {background:url('valami.jpg') no-repeat left bottom;}