Problema diseño con 3 columnas

[Bulldozzzer]

Buenos días. Tengo un problema con el diseño de una página. Hace poco que ando con el CSS y me vuelvo loco cada 2por3. jjeje. El resultado que quiero es el de la imagen, pero al intentar meter el div de la botonera entre los otros dos me lo coloca delante del div negro de la izquierda desplazándolo todo.

Gracias a la seguridad antispam del foro no puedo mostrar la imagen del diseño de otra forma, de modo que en buscando "criticario misantrópico" en el google, en el último post se encuentra la imagen. Que quede claro que no pretendo hacer publicidad de mi blog ni nada d eso eh? Es que no sé otra forma de hacer que se vea la imagen. Si alguien lo sabe que me lo diga y lo cambio de inmediato.

Saludos!

#contenedor {
margin: 0 auto;
margin-top: 35px;
width: 922px;
background-color:#fff;
padding: 20px;
}


#izquierda {
margin-top: 10px;
width: 188px;
float: left;
background-color:#000;
}

#botonera{
margin: 0 auto;
margin-top: 10px;
float: right;
width: 515px;
height: 26px;
background-color:#000;

}

#contenido{
float: left;
padding: 20px;
width: 506px;
display: inline;
}

#derecha {
color: #333;
margin-top:10px;
width: 188px;
float: right;
background-color:#000;
}