Usando Float en Firefox me lo saca del contenedor principal

[bincito]

Hola. Me gustaria que me ayudaran ya que mi experiencia con maquetacion CSS es escasa. Algo tan simple como poner dos columnas me da un problema en firefox.

PARTE IMPORTANTE DEL CSS:

Código:

#borde{
border: 4px ridge #FFCC33;
text-align: center;
background-color: #DCDAA7;
width: 770px;
margin: auto;
} 

#contenedor{
width: 755px;
margin: auto;
margin-top: 7.5px;
margin-bottom: 7.5px;
background-color : transparent;
} 



#cuerpo{
width: 755px;
border: 0px;
}

#cuerpo_izq{
width:370px;
border: 2px inset #FFCC33;
margin-top: 10px;
background-color :  #DCDAA7;
float: left;
}

#cuerpo_der{
width:370px;
border: 2px inset #FFCC33;
margin-top: 10px;
background-color : #DCDAA7;
float:right;
}

PARTE IMPORTANTE DEL XHTML:

Código HTML:

<div id="borde">
  <div id="contenedor">
    <div id="cabecera"><img src="IMAGENQUESEA.GIF" width="755" height="125" alt="BLABLA">
      <div id="barra">
        MENUCUALQUIERA
      </div>

    </div> 
 
    <div id="cuerpo">
      <div id="cuerpo_izq">
        <p>hola</p>
      </div>
      <div id="cuerpo_der">
        <p>hola</p>
      </div>
    </div>
  </div> 
</div> 

Pues bien. En el explorer no hay problema, pero en firefox me saca las columnas "cuerpo_izq" y "cuerpo_der" de contenedor. Se quedan fuera del marco general. Si quito el float de "cuerpo_izq" y "cuerpo_der" se queda dentro pero claro, no queda dnd yo quiero.

Supongo que este problema alguien con experiencia o tiene mas que superado.

SALUDOS Y GRACIAS...