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

[Matze]

Hallo zusammen,

ich nutze Code wie diesen:

Code:

<div style="width: 900px; position: relative; margin: auto">
    <span style="position: absolute; width: 200px; left: -150px; z-index: 3"></span>
</div>

Der Sinn dahinter ist egal, ich brauche das so.

Bei einer Auflösung von 1024 x 768 führt das zu einem horizontalen Scrollbalken. Kann man das span-Element irgendwie so einstellen, dass es keinen horizontalen Scrollbalken erzeugt?
Ein "overflow: hidden" beim div-Element verhindert die Scrollbalken, allerdings auch dann, wenn das Browserfenster kleiner als 900 Pixel breit ist. Ich hätte es gerne so, dass das div-Element immer komplett erreichbar ist, ggf. mit Scrollbalken. Nur für das span-Element soll dieser nicht auftauchen.
Wenn ich das span- zum div-Element mache mit "overflow: hidden" funktioniert es auch nicht.

Grüße, Matze