Salve, ho un problema con gli affiancamenti dei box con i CSS.

Ho creato un box contenitore con a sinistra un altro box per il menù e desidererei inserire un secondo box tra il bordo destro del box contenitore e quello destro del box menù; quando provo ad inserirlo, invece di posizionarlo affianco al box menù, me lo posiziona sotto di esso.

Nell'immagine si può capire meglio.

Questo è il codice:

codice:
<html>


<head>


<title>Titolo prova</title>



<style type="text/css">







div.contenitore{

     background-color:#909090;

     width:800px;

     height:800px;

     padding:0px;

     border:5px solid #000000;

     margin-top:25px;

     margin:auto;

}



div.boxleft{

     width:177px;

     padding:0px;

     border:0px;

     margin-top:0px;

     margin-left:0px;

     float:left;

}



div.principale{

     background-color:white;

     width:500px;

     padding:0px;

     border:0px;

     margin:auto;

}



p.h1{

     test-size:15px;

}





</style>



</head>



<body>



<body bgcolor="#404040">



<div class="contenitore">



     <image src="foto1.png">



<div class="boxleft">

     [img]barra.png[/img]

     [img]foto2.png[/img]

     [img]foto2.png[/img]

     [img]foto2.png[/img]

     [img]foto2.png[/img]

     [img]foto2.png[/img]

     [img]foto2.png[/img]

     [img]foto3.png[/img]

     [img]triangolo.png[/img]



<div class="principale">

     <p class="h1">aaaaaaaaaaaaaaaaaaaaaaaa</p>







</div>



</body>


</html>
http://imageshack.us/photo/my-images/714/esempion.png/