weight en 2 faux columns

Buenos días,
Estoy intentando hacer una página con un fondo( contenedor) y sobre él se verían dos columnas "flotando "( es decir superpuestas al fondo) y separadas entre si y con su borde correspondiente.
Tengo un problema cuando intento posicionar ambas columnas. Con el código que tengo al introducir una etiqueta<p> con un texto se descolocan totalmente ya que no se guarda el weight que le indico y se ensancha tanto como texto introduzco en IE y en MF el texto simplemente se sale de la caja de texto.¿?.
Este es el código:

Código :

body{
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   padding: 0px;
   margin: 0px;
}
#container{
   width: 762px;
   background-image: url(../imagenes/header_background.jpg);
   height: 600px;
   border: 1px solid #007a63;
   background-repeat: repeat-x;
   margin: 0px auto;
   position: relative;
}
#izq{
   background-image: url(../imagenes/back_menu.jpg);
   background-repeat: repeat-y;
   width: 170px;
   border: 1px solid #007a63;
   position: absolute;
   top: 5px;
   left: 10px;
}
#menu{
}
#contenido{
   border: 1px solid #007a63;
   position: absolute;
   top: 25px;
   background-image: url(../imagenes/back_contenido.jpg);
   background-repeat: repeat-y;
    width: 565px;
   right: 5px;
}
#interior_contenido{
   width: 565px;
}

Quisiera saber que concepto se me escapa.
Gracias por vuestra ayuda y un saludo.

Olvidad lo de faux columns. No lo estaba aplicando bien.
Solo me interesaría saber ahora porque si al container le doy el valor de auto este no llega hasta el final de la columna más larga. Y esto no solo ocurre en IE, también en MF.
Ya me surgio antes este problema y lo solucioné con:
<div class="limpia"></div>
.limpia{clear:both}
pero ahora eso no me funciona o no lo aplico bien.
Gracias y un saludo

Código :

.limpia{
   clear: both;
}
body{
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   padding: 0px;
   margin: 0px;
}
#container{
   width: 762px;
   background-image: url(../imagenes/header_background.jpg);
   border: 1px solid #007a63;
   background-repeat: repeat-x;
   margin: 0px auto;
   position: relative;
   height: auto;
   }
#izq{
   background-image: url(../imagenes/back_menu.jpg);
   background-repeat: repeat-y;
   width: 170px;
   border: 1px solid #007a63;
   position: absolute;
   top: 5px;
   left: 10px;
}
#menu{
}
#contenido{
   border: 1px solid #007a63;
   position: absolute;
   top: 25px;
   background-image: url(../imagenes/back_contenido.jpg);
   background-repeat: repeat-y;
   width: 565px;
   right: 5px;
   background-color: #FFF;
}
#interior_contenido{
   width: 565px;
}