Image fixe hauteur 100% à gauche et page déroulante à droite

Bonjour,

Je n'arrive pas à faire en css la configuration suivante:
une image fixe à gauche (div left-image) qui s'ajuste à 100% de la fenêtre et mon site (header/content/footer) sur la droite centré sur l'espace restant (div site-right).

<div class="image-site">
    <img class="left-image" src="../uploads/2014/08/LeftAA.png"></img>
</div>
<div class="site-right">mon site</div>

Aujourd'hui j'ai dans mon css:

.left-image {
	position: fixed;
	height:100%;
}
.site-right{
	padding-left: 20%;
	max-widht: 940px;
}

Cela me donne bien à peu prêt ce que je veux sauf que suivant la forme du navigateur, le .site-right passe sous ma .left-image.

Comment faire pour que le .site-right soit centré sur l'espace à droite de .left-image?