Hovereffekt, wenn die Maus gar nicht mehr da ist :D

[Matthias Apsel]

Om nah hoo pez nyeetz, Quaro!

nicht die Bilder tauschen, sondern verschieben

Deine Navigation sollte idealerweise so ausschauen

<ul>  
  <li><a>1. MP</a>  
    <ul>  
      <li><a>1.1</a></li>  
      <li><a>1.2</a></li>  
    </ul>  
  </li>  
  <li><a>2. MP</a></li>  
</ul>

Du könntest also den Bildwechsel nicht für das gehoverte a-Element sondern für das li-Element auslösen

li:hover + a

Die zweite Liste befindet sich ja innerhalb des Listenelements, somit bleibt es gehovert, wenn du dich über der subliste befindest.

Deine Frage lässt sich auch noch in eine zweite Richtung interpretieren: Was machen Leute ohne Maus (mobil, Pad, Win8, ...)?
die brauchen :active und da würde ich auf eine nur-Text-Variante zurückgreifen.

Matthias