Déplacer l'image de fond au survol de la souris (Seule la Parallaxe)

Je tiens à rendre l'arrière-plan de l'image se déplacer légèrement sur l'axe X et Y lorsque la souris est dans la "landing-contenu" DIV, il doit se déplacer avec le mouvement de la souris.
il devrait aller de l'inverse. Par exemple. Déplacement de la souris vers le bas, "l'atterrissage-contenu" de l'image se déplace vers le haut.

HTML

<div id="landing-content">
<section class="slider"> 
<img src="http://i.imgur.com/fVWomWz.png"></img>
</section>
</div>

CSS

#landing-content {
overflow: hidden;
background-image: url(http://i.imgur.com/F2FPRMd.jpg);
width: 100%;
background-size: cover;
background-repeat: no-repeat;
max-height: 500px;
border-bottom: solid;
border-bottom-color: #628027;
border-bottom-width: 5px;
}

.slider {
margin-left: auto;
margin-right: auto;
overflow: hidden;
padding-top: 200px;
max-width: 1002px;
}

.slider img {
width: 80%;
padding-left: 10%;
padding-right: 10%;
height: auto;
margin-left: auto;
margin-right: auto;
}

JSFiddle
http://jsfiddle.net/uMk7m/

Toute aide serait apprecated.

OriginalL'auteur Simon | 2013-10-17