Rechten Abstand entfernen

Hallo ich fange gerade an eine Webseite zusammenzubauen, bin noch recht am Anfang und stosse auf mein erstes problem. ich habe eine index.php und eine style.css im ordner htdocs und habe ein code geschrieben:

<div id="inhalt">
    <h1>Willkommen auf Isi's Webpage</h1>
        <h2>Ihrer innovativen Webpr&auml;sentation im Internet</h2>


    <div id="head"></div>
</div>

* {margin: 0; padding: 0;}


body {
    height: 100%;
    font: 100% arial, verdana, sans-serif;
    line-height: 1.5;
}
#inhalt {
    width: 100%;
    max-width: 50em;
    margin: 1em auto 0 auto;
    background: #ccc;
}
h1 {
    font: 1.8em Courier, serif;
}
h2 {
    font: 1em arial, sans-serif;
    text-decoration: underline;
}
h1, h2 {
    text-align: right;
    padding: .4em .6em 0 0;
}
#head {
    height: 60px;
}

Der Inhalt wird mit PHP includet :p
Mein problem ist wenn man den Bildschrim ganz klein/schmal zieht dann entsteht bei nach rechts scrollen ein kleiner weißer abstand. wie bekomme ich den weg

Grüßle Granulat1967

Also der IE kriegt die Größe nicht hin, aber der Firefox wenn man in schmaler als den IE zieht und das erste Wort der hauptüberschrift nur durch scrollen komplett zu lesen ist!