Divs dos columnas

Quiero hacer un diseño a dos columnas donde la derecha tenga un ancho de 200px y la de la izquierda se adapte al resto. Si fuese al revés sería fácil pero así no soy a que esté bien. Tengo esto (todo mezclado ):
<div style="background:#CCFF00; float:left; ">Columna izq.</div>
<div style="background:#F1F5F6; width:200px; float:right;">Columna der.</div>
El problema es que la columna izquierda no ocupa todo el ancho que tiene libre y su le pongo de ancho 100% la de la derecha "se baja".
¿Cómo puedo arreglar esto?

Hay que poner el flotante derecho primero, el otro no necesita estar flotado pero si tener de margen derecho el ancho de la otra columna, prueba este ejemplo:

Código HTML :

<div style="background:#666699; height:300px; width:200px; float:right; ">
</div>
<div style="background:#FFCCCC; height:300px; margin-right:200px;">
</div>

Claro un margin-right. Arreglado. Gracias