Zeilenumbruch bei float verhindern?

[steckl]

Hi,

Ich möchte im folgenden Fall einen horizontalen statt eines vertikalen Scrollbar haben.

Hier ein (sicher verbesserungswürdiger) Workaround:

<style>

div.ganzaussen {
 width: 300px;
 height: 140px;
 overflow: auto;
 border: 1px solid red;
}

div.aussen {
 width: 550px;
 height: 120px;
 overflow: visible;
 border: 1px solid red;
}
div.innen {
 float: left;
 width: 80px;
 height: 80px;
 margin: 20px;
 border: 1px solid blue;
}
</style>

<div class="ganzaussen">
 <div class="aussen">
  <div class="innen"></div>
  <div class="innen"></div>
  <div class="innen"></div>
  <div class="innen"></div>
 </div>
</div>

Vielleicht wäre das ganze auch ohne das zusätzliche Div möglich, aber ich hab jetzt leider keine Zeit mehr weiter rumzuprobieren.

mfG,
steckl