Adesso non vedo piu` le due colonne.
Evidentemente il contenuto di ciascuna colonna (compreso padding, border e margin) e` piu` largo della meta` dello spazio a disposizione.
E` sempre un rischio inserire dei float non dimensionati. Nel tuo caso non c'e` motivo. Prova a definire nel .inizio:
max-width: 320px; /* o anche quacosa meno */
e a quel punto puoi anche togliere il margin-right

Prima di modificare il clear1, vedi che tutto funzioni: la riga rossa la dovresti vedere.
Ma vedo ora che ho scritto color, anziche` background-color

E poi puoi usare la sintassi definita in [Pillola] FabClearing, un metodo crossbrowser alternativo per il clearing dei float, senza quindi la necessita` di un blocco supplementare.