Zeilenumbruch bei float verhindern?

[snorri]

Hi alle,

gibt es eine Möglichkeit, bei mehreren floatenden Elementen nebeneinander einen Zeilenumbruch zu verhindern?

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

<style>
div.aussen {
 width: 300px; height: 120px; white-space: nowrap; overflow: auto; border: 1px solid red;
}
div.innen {
 float: left; display: inline; width: 80px; height: 80px; margin: 10px; border: 1px solid blue;
}
</style>

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

Jemand 'ne Idee?

-- snorri