Problemas con menu desplegable en IPhone/IPad

[Lemuriano]

He creado un javascript con el siguiente codigo que encontre por ahi:

var myLinks = document.getElementsByTagName('a');
for(var i = 0; i < myLinks.length; i++){
myLinks[i].addEventListener('touchstart', function(){this.className = "hover";}, false);
myLinks[i].addEventListener('touchend', function(){this.className = "";}, false);
}

Supuestamente esto soluciona el problema, pero no... Me imagino que me falta modificar algo en el html y/o en el css para implementar una clase de nombre "hover"...

...pero no estoy seguro como hacerlo. Sigo esperando una respuesta, desde ya muchas gracias a todos.