ayuda 3 divs juntos

hola, he estado probando las diferentes formas de alinear 3 divs en horizontal pero no lo consigo:
esto es lo que tengo y se descuadra al final:

Código HTML :

<div id="contenedor">
<div id="top"><img src="imagenes/b1_s1.jpg" alt="" width="900" height="307" /></div>
  <div id="laterizq">IZQUIERDA</div>
  <div id="centro">CENTRO</div>
  <div id="derecha">DERECHA</div>
</div>

Código :

#contenedor {
   width: 900px;
   margin: 0 auto;
   background-color: #090;
   height: 400px;
   padding: 0;
#top {
   background-color: #09F;
   height: 307px;
   width: 900px;
   float: right;
   margin: auto;
}
#laterizq {
   background-color: #F00;
   width: 250px;
   float: left;
}
#centro {
   width: 510px;
   background-color: #F90;
   margin-left: 250px;
}
#derecha {
   background-color: #FF0;
   width: 140px;
   float: right;
}

a #centro le falta el float.

Ramm escribió:

ya lo probe el float left pero tampoco lo situa arriba

vale, creo que el fallo es que en dreamweaver se ve mal, pero en el explorador bien.

¿hay alguna manera de qrreglarlo en dreamweaver para que salga derecho para que no este tan desordenado?

No.

Ademas no deberias usar dreamweaver como referencia, usa siempre el navegador.

ok gracias