<div> bewegt sich mit der Größe des Browserfensters

Hallo,

ich stehe mittlerweile echt auf dem Schlauch.

Ich habe meine eigene Wordpress-Seite (mit eigenem Wordpress Theme). Hier ist der Link: Meine Seite

Leider bewegt sich der eine <div> namens main immer mit, wenn das Fenster des Browsers vergrößert oder verkleinert wird. Ich komme auf Teufel komm raus, nicht warum! Ich habe alle positions versucht und auch deren Abhängigkeiten. Da ich hier zum ersten Mal poste, mögt ihr bitte sagen, was ihr alles braucht? Oder ist das schon so ein blöder Fehler, dass man es direkt sieht, nur ich ihn übersehe??

Es ist zum Mäuse melken!

Hier ist mein Code-Auschnitt:

#container {
width: 100%;
margin-left:auto;
margin-right:auto;
position: relative;
background-color: #transparant;
padding: 0px;
padding-top: 5px;
}


#main {
float: right;
display: inline;
position: relative;
width: 590px;
right: 56.3%;
}

Ich poste extra den Übeltäter main und container, da ich meine, main sei abhängig vom container.

Mögt ihr eine Idee haben?

Liebe Grüße,

Nicky

Also erstmal vielen Dank für die Validator-Seite. Upps... Da habe ich 'n Haufen Fehler!

Öhm, also der Blogroll soll so aussehen wie er jetzt ist. Jedoch, soll er direkt neben der Sidebar sein und mit dem Header endend. Mit float: right habe ich ihn erst vom Rand wegbekommen! Ansonsten habe ich da einen ganzen Balken News-Blogroll (lasse ich loat:right weg) ...

Irgendwie sehe ich den Fehler nicht mehr...

Es soll einfach eine kleine Fansite werden.