Diseño CSS con columna izquierda fija y columna derecha fluida?

Question

¿Existe una solución sólida de navegador cruzado para columnas CSS fijas y fluidas? Necesito que se fije una columna en el lado izquierdo, y que otra columna sea fluida en el lado derecho.

A continuación se muestra un fragmento de mi código - .promoImg y .promoContent que flotan uno junto al otro. #recommends es el 90% del ancho del navegador, .promoImg debe corregir a 120px y me gustaría .promoContent para estirar el fluido.

<div class="promoBlock "> 
    <div class="promoImg"> 
     fixed content 300px 
    </div> 
    <div class="promoContent"> 
     fluid content 
    </div> 
</div> 

Answer 1

.promoBlock { width:90%; margin:auto; } 
.promoImg { width:300px; float:left; background-color:red; } 
.promoContent { margin-left:300px; background-color:green; } 

Código: http://jsfiddle.net/P4RBj/

P.S: No consiguió promoblock tiene que fijar en 120px. Si es así, tu div interno es más ancho (300px).