Expandir columna cintral si no hay columna izquierda

[vpalomar001]

Os comento,
Tengo un div contenedor:
#CONTENEDOR{
float: left;
padding: 15px 0 0;
z-index: 1;
}
Dentro de este hay dos contenidos: ColumnaIzquierda y columna derecha.

#COLUMNA IZQUIERDA {
float: left;
width: 200px;
}

#COLUMNA DERECHA {
background: url("../img/center_col_title.png") no-repeat scroll 0 0 transparent;
float: left;
margin: 7px 0 20px;
padding: 0;
width: 780px;
}

Y me ocurrre lo siguiente:
Si la columna de la izquierda tiene contenido..perfecto....todo queda cuadrado: a la izquierda la columna izquierda(200px) y a la dereca de esta, la columna derecha(780px)....perfecto!!!Encaja a la perfección.

El problema que me sucede es que si el div:columna_izquierda no tiene nada de contenido...el div columna derecha que solo mide 780px se ajusta a la izquierda con esos pisexeles, y necesitaria que entonces midiera 980px;

Como puedo hacer esto?

[C2am]

Podrías ponerle a la #columnaderecha (CUIDADO CON LOS ESPACIOS EN BLANCO) un min-width:780px, de manera que si tiene espacio tienda al 100%.
No hice la prueba de corroboración, así que a tí te toca.

Saludos

[pzin]

Yo hace tiempo necesitaba algo parecido, pero en mi caso necesitaba que fuese semánticamente más correcto, entonces, si no había contenido en una columna, esta no aparecía y la otra ocupaba el ancho de la que no estaba, y si había contenido tomaba el ancho con el truquito del overflow. Algo así sería:

Código CSS:

section {
  width: 100%;
  max-width: 960px;
}
 
article {
  overflow: hidden;
  border: 1px solid blue;
}
 
aside {
  float: right;
  width: 320px;
  border: 1px solid red;
}
 

Para un estructura así:

Código HTML:

<section>
  <aside>
    aaaaaa
  </aside>
  <article>
    bbbbbb
  </article>
</section>
 

O así:

Código HTML:

<section>
  <article>
    bbbbbb
  </article>
</section>
 

Ejemplo funcional: http://jsfiddle.net/TjSbX/