Quurks: Zentrierung trotz Scrollbalken

Beitrag lesen

WEnn ich meine Webseite zentrieren will, habe ich das Problem, dass immer wenn der Text länger als der Bilschirm ist, d.h. Wenn der Scrollbalken rechts erscheint ist der Inhalt, der per margin-left: auto; und margin-right: auto; zentriert wurde, ein bisschen weiter links als ohne Bildlaufleisten. KAnn man das irgendwie umgehen?

Mein Seitengrungerüst:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
   "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
    <head>  
        <link rel="stylesheet" type="text/css" href="style.css?">  
    </head>  
    <body>  
        <div id="root">  
            <div id="banner">  
                Hier der obere Banner  
            </div>  
            <div id="menu">  
                Hier die Menuelinks  
            </div>  
            <div id="inhalt">  
                Hier der Inhalt  
            </div>  
        <br style="clear:both">  
        </div>  
    </body>  
</html>  

Hier die Relevantern Teile der Style.css

  
body  
{  
font-size: 100.01%;  
width:  100%;  
height: 100%;  
margin: 0;  
padding: 0;  
}  
  
#root {  
margin-left: auto;  
margin-right: auto;  
margin-top: 25px;  
width: 970px;  
}  
  
#banner  
{  
  
margin: 0px;  
margin-top: 25px;  
padding: 10px;  
}  
  
#menu  
{  
width: 180px;  
margin: 0px;  
margin-top:10px;  
float:left;  
display: inline;  
text-align: center;  
}  
  
#inhalt  
{  
margin: 0 10px 0 210px;  
padding:15px;  
}  

Ich hab auch schon ausprobiert, den Seiteninhalt mit ca 20 brs immer länger als den Bildschirm zu machen, aber das sieht auch nicht wirklich gut aus