Hola prueba con agregar esto:
Código css:
Ver original#contenedor
{
overflow: auto;
width:938px;
background:#CCC;
clear:both;
border-left:#F0F;
border-left-style:solid;
border-left:14px;
border-right:#F0F;
border-right-style:solid;
border-right:14px;
}
Tambien tienes que hacer un corte despues de tu div derecha para que se ordenen correctamente para eso necesitas usar un div sin contenido con la propiedad clear:both asi:
Código html:
Ver original<div id="cabecera" style="clear:both"><img src="http://www.forosdelweb.com/f53/imagenes/cabecera.jpg"/></div> <div id="izquierda">IZQUIERDA
</div> <div id="derecha">DERECHA
</div> <div id="f1"><img src="http://www.forosdelweb.com/f53/imagenes/fot-izq.jpg" width="35" height="57" /></div> <div id="f2" align="center"></div> <div id="f3"><img src="http://www.forosdelweb.com/f53/imagenes/fot-dch.jpg" width="35" height="57" /></div>
En el tu css aumentas esto:
Con eso deberia solucionarse tu problema.
Saludos.