Ciao a tutti, ho una domanda molto semplice a cui non riesco a dare 1 risposta...

Ecco il codice

codice:
<html>
<head>
<style type="text/css">
#container {
  width:400px;
  border: 1px solid #FF0000;
}
#destra {
  border: 1px solid #00FF00;
}
#sinistra {
  width:100px;
  float:left;
  border: 1px solid #0000FF;
}
</style>
</head>

<body>
<div id="container">
  <div id="sinistra">
    CIAO
  </div>
  <div id="destra">
    CIAO

    CIAO

    CIAO

    CIAO

    CIAO

    CIAO

    CIAO

    CIAO

  </div>
</div>
</body>

</html>
Ora...come faccio a fare in modo che il div con il bordo verde mi stia in una colonna dritta? intendo che non faccia una rientranza e che i "CIAO" siano così stampati uno sotto l'altro...
E' ovviamente colpa del float sull'elemento "sinistra", lo so, ma c'è un altro modo in css per creare una cosa del genere con i div? E che sia cross-browser...

Grazie anticipatamente