Caspar: relative Breite zuordnen und innerhalb div-Element zentrieren

Hallo liebe Forumuser,

ich habe mit diesem Dokument http://www.autterenautnihil.de/projects/designquestion.html ein Problem. Innerhalb eines <div>-Blocks mit id="main" soll eine Tabelle dargestellt werden. Diese Tabelle soll eine Breite von 90% des Elternelementes, als von #main, haben und innerhalb dessen zentriert liegen. Im Endeffekt läge die Tabelle also rechts neben der Navigationsleist #left. div #main hat folgende CSS-Angaben:
#main {
  height:100%;
  float:left;
  margin: 0;
  padding: 25px 20px 15px 25px;
  text-align:center;
}
und die Tabelle hat diese Angaben:
position:relative;
width:80%;
border:1px solid black;
border-radius:8px;
-moz-border-radius:8px;

Ich weiß nicht, weshalb das Browserbild (IE 6 und Firefox 2.0.0.3) so von meinen Vorstellungen abweicht. 'position:relative' bedeutet doch, dass die Tabelle relativ zum Elternelement ausgerichtet wird, also #main? Könnt ihr mir sagen, was ich falsch mache?

Danke im Vorraus und Gruß,
caspar

  1. hi,

    Diese Tabelle soll eine Breite von 90% des Elternelementes, als von #main, haben und innerhalb dessen zentriert liegen.

    </hilfe/faq.htm#css-zentrieren>

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }