Layout centrato a 2 colonna

[samiel]

Sto studiando alcuni "sacri testi" sui CSS.
Ho utilizzato un codice molto semplice da un libro
di Troiani e l'ho riprodotto. Questo il CSS:
[code]body {
font-family: Arial, Verdana, sans-serif;
font-size: 76%;
background: #EEE;
color: #000;
margin:25px;
}

.center{
width:1200px;
margin:auto;
}

.container{
float:left;
width:1200px;
background: blue;
}

.header{
background: #C6FFFC;
color: #000;
height: 100px;
}

.sidebar{
float:left;
width:300px;
background: blue;
color: #000;
}

.content{
float:left;
width:900px;
background: white;
color: #000;
}[code]

Il codice HTML è del tipo:

<div class="center">
<div class="container">
<div class="content">


bla bla bla</p>


bla bla bla</p>
</div>
<div class="sidebar">
<ul class="navbar">[*]blablabla[*]blablabla[*]blablabla[/list]
</div>
</div>
</div>

Ora, mentre nel testo la colonna più stretta risulta a sinistra,
a me si piazza a destra. Dove sta l'inghippo?

Grazie
M.

[samiel]

Che idiota, mi rispondo da solo
float right...

M.