DIVs aneinanderreihen

[skyposter]

Hi!

Ich möchte ein paar DIVs aneinanderreihen. Dabei sollen sie inerhalb eines übergeordneten DIV bleiben.
Das ist mein bisheriger Ansatz:

<style type="text/css">
  <!--
    .module{border:solid 1px; margin:5px; padding:2px; width:300px;}
  //-->
  </style>

<div style="overflow:auto; background-color:red;">
    <div class="module" style="float: left;">Modul 2</div>
    <div class="module" style="float: left;">
      Modul 3<br />
      Das ist ein Test<br />
      der über<br />
      mehrere Zeilen geht.
    </div>
  </div>

Im IE sieht das wunderbar aus. Nur FF und Opera blenden Scrollbars ein. Beim FF sieht das nur blöd aus, aber bei Opera wird die unterste Zeile von der Scrollbar verdeckt.

Wie kann ich das Problem so lösen, dass es wirklich überall funktioniert?

Sky