Hacer flotar una capa a la izquierda de contenido

Hola a todos. Ya leí el tutorial: A que llamamos posicionamiento. Pero no encontré respuesta a esta pregunta: - ¿ Como hago para que una capa, que contiene botones, flote a la izquierda del contenido de la página.?

Código :

<div id="contenedor" style="width:760px; background-image:url(qa_arch_index/fondo.jpg);">
   <div id="bordesupcont"> CONTENIDO></div>
   <div id="banner">CONTENIDO</div>
   <div id="banner2"></div>
   [color=red]<div id="botonera"> CONTENIDO DE LA BOTONERA </div>[/color]
   [color=red]<div id="contenido" [/color]
         style="overflow:visible; 
         z-index:5;
         float: right;
         margin:20px;
         top:-150px;
         font-family:Verdana, Arial, Helvetica, sans-serif;
         background-color: #FFFFFF;
         width: 600px;">
           <div id="encabezado">CONTENIDO</div>
              <div id="botones" style="width:400px; position: relative; left:60px;"  > CONTENIDO</div>
             <br><br><br> <br>did&aacute;cticas</a><br>
  </div> 
</div>

Esta es la página. www.catedradequimica.com.ar/prueba.htm

Mira lo mejor es que trabajes con un archivo externo donde especificas todo de una forma mas organizada. Si no lo quieres de esa forma entonces nada mas pones los styles que se refieren a las ids en el head, para que no se mezclen con tu contenido. En ese caso, si quieres que una div flote a la derecha o a la izquierda introduces en el head este codigo.

Código :

<style type="text/css" media="all">
#botonera{float:right;} /*flota la div a la derecha si la quieres a la izquierda pones float:left; */ 
</style>

Gracias coyr vos si me entendés
Voy a probarlo