Problemas con IE

Buenas, he creado unos eventos de raton en html, estos para ser exactos:

<img src="foto1.jpg" onmouseover="this.src = 'foto11.jpg'" onmouseout="this.src = 'foto1.jpg'" onclick="this.src = 'foto22.jpg'" />

En firefox va todo perfecto, pero en Explorer ni se inmuta, que solucion hay para esto?

P.D:Odio explorer.

prueba creando tres funciones en javascript que sea las que llamas cuando ocurren los eventos

Código HTML :

<script>
function over(a){
document.getElementById(a).src = 'foto11.jpg';
}

function out(a){
document.getElementById(a).src = 'foto1.jpg';
}

function click(a){
document.getElementById(a).src = 'foto22.jpg';
}
</script>


<img src="foto1.jpg" onmouseover="over(this)" onmouseout="out(this)" onclick="click(this)" />

me dices como te va

Q va....no me va, ni en firefox, ni en IE.... :?

deberias probar con css

Utilizando .imagen:hover

Porfin he conseguido q vaya en IE y en Firefox, al final con css pero de una forma muy rara :S. Lo que se como hacer ahora es que al clickear sobre la imagen...vaya cambiandose. Es decir, funcionaria de la siguiente forma:

Reposo -----------> Imagen Titulo
Raton encima --> Foto1
Click --------------> Foto2
Otro Click-------> Foto3
Otro Click-------> Foto4
etc etc