CSS scrollbare div naast fixed div met onbekende breedte

Goedemiddag allemaal,

het is erg lang geleden dat ik hier iets gepost heb, maar ik heb jullie hulp hard nodig.

Ik ben bezig met een 100% breede website met in een fixed div aan de linker kant een afbeeldingen met 100% hoogte en dus een onbekende breedte. Naast deze div komt een tweede div met de overgebleven ruimte als breedte.

<div id="left">
	<img />
</div>

<div id="right">
	<p>hier komt de content</p>
</div>

#left {
	height: 100%;
	position: fixed;
}

img {
	height: 100%;
}

#right {
}

Als ik position: fixed gebruik, wordt de div uit de workflow gehaald en verplaatst de tweede div zich voor de eerste. Als ik float gebruik is de div niet fixed. Als ik een vaste breedte aan de divs geef past de afbeeldingen niet netjes in de eerste div.

Ik hoop dat jullie mij kunnen helpen!

Groeten,
Irian