margin: 0 20% 0 auto; IE und Safari reagieren seltsam

[Mel]

Hallo liebes Forum,

ich habe hier folgende Konstruktion:

html:
<div id="wrapper">
--eine Menge inhalt--
</div>

css:
div#wrapper {
width: 780px;
margin: 0 20% 0 auto;
border: green 1px solid;
}

Der Container sollte nicht ganz seitenmittig ausgerichtet sein sondern einen flexiblen Abstand seitlich haben.
Opera und FF machen das so wie gewünscht. Der Safari schiebt gleich den gesamten Container links aus dem Viewport heraus, das ist nicht so der Hit.
Der IE erzeugt ziemlich rasch einen horizontalen Scrollbalken, lässt also zum rechten Rand hin einen bestimmten Abstand. Eine Live-demo kann ich auf die Schnelle leider nicht bieten habe aber die Hoffnung dass der eine oder andere dieses Phänomen vielleicht kennt und einen tipp hat?

Vielen Dank schonmal,
Melanie