habe ein kleines Problem, ich hoffe es kann mir jemand helfen oder auf ein Thema verweisen im forum, wo dieses geklärt wird....

habe ein layout mit css gebaut. meine div container sind 900px breit. sieht auch alles super aus, es sei denn ich verkleinere mein Browserfenster oder jemand hat eine auflösung von unter 900px.......netbooks oder internethandys. dann wird nur noch die hälfte angezeigt. sollte ja eigentlich kein problem sein,
ist es aber, denn ich kann nicht ganz nach links scrollen. nach rechts gehts nur nach links hört es dann irgendwann auf, obwohl die hälfte der seite noch gar nicht angezeigt wird....

hier mal mein CSS




html, body {
background-color:#CCCCCC;
width:100%;
height:100%;
}


@font-face
{
font-family: "droid";
src: local("droid"),
url("droid.ttf")
format("TrueType")
}



a {
text-decoration: none;
}

a:link {
color: #000000;
}

a:visited {
color: #000000;
}

a:active {
color: #000000;
}

a:hover {
color: #A0A419;
text-decoration: none;
}



.hintergrund {
position: absolute;
top:10px; left:50%;
margin-left: -465px;
z-index:0;
width:930; height:640px;
background-color: #FFFFFF;
background-repeat: no-repeat;
font-family: Tahoma, sans-serif;
font-size: 10px;
}




.kopfzeile {
position: absolute;
top:10px; left:50%;
margin-left: -450;
z-index:1;
width:900; height:50px;
background-color: #FFFFFF;
background-repeat: no-repeat;
font-family: droid;
font-size: 33px;
text-align: right;
margin-top: 10px;
}

.hauptfeld {
position: absolute;
top:60px; left:50%;
margin-left: -450;
z-index:1;
width:900; height:540px;
background-image: url(hintergrund.jpg);
background-repeat: no-repeat;
font-family: Tahoma, sans-serif;
font-size: 10px;
padding:0em;

}


.menue {
position: absolute;
top:600px; left:50%;
margin-left: -450;
z-index:1;
width:900; height:40px;
background-color: #FFFFFF;
background-repeat: no-repeat;
font-family: droid;
font-size: 32px;
text-align: left;
margin-top: 8px;

}



.inhalt {
position: absolute;
top:180px; left:50%;
margin-left: -400;
z-index:5;
width:800; height:380px;
background-repeat: no-repeat;
font-family: Tahoma, sans-serif;
font-size: 10px;
border: medium;
border-color:#CC0033;
style: filter:alpha(opacity=60);KHTMLOpacity:0.60;MozOpac ity:0.60;opacity:0.60;

}

.fusszeile {
position: absolute;
top:640px; left:50%;
margin-left: -450;
z-index:1;
width:900; height:25px;
background-repeat: no-repeat;
font-family: Tahoma;
font-size: 11px;
color: #000000;
text-align: right;
margin-top: 10px;
}


ich hoffe es hat jemand eine schnelle lösung.....tausend dank