[HTML/CSS] Absolut pos. Elemente ohne horiz. Scrollbalken

[s.h.a.r.k]

Gin mir einen Moment, muss nach meiner Lösung suchen

Habe folgendes gerade im FF, Chrome und Opera getestet:

Code:

<div style="width: 900px; position: relative; margin: auto; background-color: #f00;height: 20px;">
    <div style="width: 1px; position: absolute; left: 0; top: 0; background-color:#ff0;height: 20px;">
        <span style="position: absolute; width: 200px; left: -150px; z-index: 3; background-color: #0ff;">Test</span>
    </div>
</div>

Das overflow:hidden war das Problem. Jedenfalls passiert es nun, dass erst dann Scrollbalken erscheinen, wenn auch wirklich nur das äußere div betroffen ist. Das span-Element wird ignoriert.