Engraçado, eu estava procurando a mesma coisa que você...
Mas hoje achei em Javascript, é bem fácil, olha só:
function mOvr(src,clrOver)
{
if(!src.contains(event.fromElement))
{
src.src=clrOver;
}
}
function mOut(src,clrIn)
{
if(!src.contains(event.toElement))
{
src.src=clrIn;
}
}
Na figura vc coloca:
<img src="sua_imagem_inicial.jpg" height="25" onMouseOver="mOvr(this,'imagem_estado2.jpg');"
onMouseOut="mOut(this,'imagem_estado_ativado.jpg');">