Verwenden eines Bildes als Menü: Animation innerhalb div

Question

Ich bin auf der Suche nach animiere ein Bild als Menü. Wenn schwebt ein Teil des Bildes, erscheint eine Menüliste. Ich bin ein Neuling Coder, so bin ich ein wenig verloren in dem Prozess, den ich verwenden muss (Image-Mapping, Sprites, Js ...). Hier

ist die Arbeit, die ich zu erreichen bin versucht:

JSFiddle

Menu Equipiece
Allerdings ist das Menü erscheint nicht die Räder schweben.

machte ich einen vorherigen Test, bei dem es funktioniert:

JSFiddle

Test

CSS

.roue{ 
position:absolute; 
z-index:2; 
margin-top:-200px; 
margin-left:265px; 
transition:all 0.5s ease;} 

Answer 1

Sie sollten die div#menu innerhalb des div#roue und es setzen Ich werde arbeiten. Ich habe ein Update auf der Geige gemacht und man konnte here sehen.

<div class="roue"> 
    <div> 
     <img src="http://www.equipiece.com/userfiles/www.equipiece.com/images/Remorque-roue.png?ts=1450481525803" alt="roue de remorque" width="90" height="90"> 
    </div> 

    <div id="menu"> 
     <ul id="list"> 
      <li><a href="http://www.equipiece.com/cat-roues-85_0-87_0_0_0.htm">Roue complète</a></li> 
      <li><a href="#">Jantes</a></li> 
      <li><a href="#">Pneus</a></li> 
      ... 
     </ul> 
    </div> 
</div>