Hola
Yo estot tratando de hacer exactamente lo mismo que tu, salvo que en vez de etiquetas <li> son etiquetas <p>
Había pensado hacerlo usando las propiedades onmouseover y onmouseout
Quedaría algo así
Código HTML:
<li class="col1" onmouseover="this.class='ClaseEncima' onmouseout="this.class='col1'>
Peroooo no funciona, y me da que es por el
this.class ...
Por cierto, si en vez de con <li> o con <p> lo haces con un <div> para cada menú y usando el codigo de antes asi que funciona.
Si a alguien se le ocurre algo mejor estaremos muy agradecidos.