Diverso layout di colonna div 2

Question

Questo è diverso dal semplice layout a 2 colonne.

Devo avere questo html:

<div class="menu">
    <div class="right">One</div>
    <div>Three</div>
    <div>Four</div>
    <div class="right">Two</div>
    <div class="right">Two</div>
    <div>Four</div>
    <div class="right">Two</div>
</div>

Il menu della classe div ha una larghezza statica, ho bisogno che i div al suo interno vadano nella colonna di destra e i div normali rimangano così come sono.

Ecco il CSS che ho ottenuto finora, ma non riesco ancora a capirlo:

div.menu {
    width: 550px;
}
div.menu div {
    float: left;
    width: 200px;
}
div.menu div.right {
    float: right;
}

I div all'interno hanno un ordine casuale, quindi non posso racchiuderli in un div e float.

Ecco uno schizzo di come dovrebbe apparire il codice HTML sopra:

alt text http://img102.imageshack.us/img102/4494/flytc3 .jpg

Answer 1

Prova:

div.menu div {
    float: left;
    clear: left;
}
div.menu div.right {
    float: right;
    clear: right;
}

Answer 2

Non riesco a capire cosa stai cercando di ottenere. Potresti creare uno schizzo di base in MS Paint o qualcosa del genere in modo che possiamo aiutarti?

MODIFICA : forse non capisco qualcosa qui, ma è esattamente come appare nella mia finestra di Chrome (beh, a parte le imbottiture).