Horisontell scroller

Hur gör man enklast en horisontell scroller på detta vis om jag vill att den skall vara crossbrowser?

Många sätt att lösa det på.
Principen är att du har två "behållare" (ex. två <div>)
Båda lika höga fast den ena bredare än den andra.

<div style="width:100px;height:150px; overflow:auto;">
<div style="width:500px;height:150px;">innehållet i diven
</div>
</div>

Sedan får du justera med lite padding och dimentioner till det passar för ditt bruk.
Detta är väl mest principielt, exprimentera lite vetja ;)

Eller så går det bra med endast en div:

<div style="width:100px;height:50px; overflow:auto;">
massor med text här som kommer att trigga en scrollbar när större än angiven width. 
</div>