Ändere mal die rechte Box so:
#rechts{
position: absolute;
float: left;
width: 15%;
height: 98%;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 0px;
background-color:#CCCCCC;}
Alles anzeigen
dann müsste es "in etwa" hinkommen.
Zur Seite insgesamt noch ein paar Anmerkungen:
Es fehlt ein Doctype. Wenn du den allerdings eingibst - ganz am Anfang vor <html> z.B.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
dann sieht die Seite sowohl im IE als auch FF gleich bescheiden aus.
Die Gründe hierfür sind u.a. folgende:
Du verwendest z.T. unterschiedliche Breiten- und Höhenangaben: einmal in Prozent (ist grundsätzlich gut wegen der Dynamik) und einmal in Pixel. Bei diesem Mix bekommen die Browser Probleme mit der genauen Maßberechnung. Deshalb solltest du für die container einheitliche Einheiten wählen.
Die vielen position:absolute; bereiten meist dem IE Probleme. Da musst du mal sehen, wo sie erforderlich sind und wo nicht.
Wenn du einen Doctype eingefügt hast und lässt die Seite validieren treten noch etliche Codefehler zu Tage, die ebenfalls zur fehlerhaften Darstellung beitragen können. Diese solltest du bereinigen.
Tabellen sind bei diesem Layout eigentlich ebenfalls nicht erforderlich. Auch da lassen sich Fehlerquellen vermeiden. Für die Navi solltest du ein Listenformat wählen.