Komme nicht mit CSS klar

Moin,
ich habe beschlossen eine Seite mit DIVs und CSS zu machen und da habe ich einige Probleme.
Meine aktuelle CSS sieht so aus:

Code:

---

div.main {
background-color:b6e026;

height:auto;
margin:0px;
padding:0px;
}

div.left {
background-image: url(pictures/left.jpg);
background-color:white;

width:162px;height:100%;
top: 98; left: auto;
}

div.right {
background-image: url(pictures/right.jpg);
background-color:white;
position: absolute;

width:552px;height:100%;
top: 98; left: 170;
}

---

Und so sieht die Seite dadurch aus: www.iwsk.de
Wie ihr seht sieht die nicht ganz schön aus.
Und das sind dann auch die Probleme:
Die Seite bekomme ich nicht in die Mitte.
Ich bekomm die weißen Ränder nicht weg.
Wie schaff ich es, dass die DIVs min. solang wie der Browser werden und max. solang wie der Inhalt.
Bitte helft mir. Mit den Google Ergebnissen komme ich nicht klar.

Gruß
vom Noob

Code:

---

body         
{
background-image: url('../images/bg_baer.jpg');
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 50% 50%;

---

Vielleicht hilft dir das ein wenig weiter. Habe mein CSS von nem Kumpel machen lassen, daher hab ich da nicht wirklich Ahnung von

versuch's mal mit:

Code:

---

        body {
       
        background-color:b6e026;
        margin: 0 auto;
}

div.main {
margin: 0 auto;
background-color:b6e026;
width: 714;


}

div.left {
background-image: url(pictures/left.jpg);
background-color:white;
width: 162px;
float: left;
margin: 0 auto;
height:100%;

}

div.right {
bbackground-image: url(pictures/right.jpg);
background-color:white;
float: left;
width: 552px;
height:100%;
}

---

have a nice day