centerer uden at nested layers kastes rundt

Hejsa

Jeg prøver at få centreret en DIV som indeholder nogle andre DIV's

hvordan får jeg centreret den DIV uden at tekst osv, også bliver centreret?

<div id="mainWhiteDiv">


      <div id="menuGreyDiv">
      </div>

      <div id="menuDiv">
      <a href="#"><img src="images/logo.jpg" border="0"></a>
      </div>

    <div id="ImageDiv">
    </div>

      <div id="mainGreyDiv">
    </div>

      <div id="whiteDiv">
    </div>

    <div id="titleDiv">
    overskrift...
    </div>

    <div id="textDiv">
    plain text here...
    </div>

    <div id="copyrightDiv">
    <img src="images/copyright.gif" border="0">
    </div>

</div>

----------------------------------------------------
og så kommer css'en...

    #mainWhiteDiv {
        position: absolute;
        top: 100px;
        left: 300px;
        width: 590px;
        height: 650px;
        background-color: #FFFFFF;
        layer-background-color: #FFFFFF;
        border: 1px none #000000:
        z-index: 1;
    }
   
    #menuGreyDiv {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 570px;
        height: 50px;
        background-color: #D1D1D1;
        layer-background-color: #D1D1D1;
        border: 1px none #000000;
        z-index: 2;
    }
   
    #menuDiv {
        position: absolute;
        top: 20px;
        left: 20px;
        width: 550px;
        height: 30px;
        border: 1px none #000000;
        z-index: 2;
    }
   
    #mainGreyDiv {
        position: absolute;
        top: 70px;
        left: 10px;
        width: 570px;
        height: 570px;
        background-color: #D1D1D1;
        layer-background-color: #D1D1D1;
        border: 1px none #000000;
        z-index: 2;
    }
   
    #ImageDiv {
        position: absolute;
        top: 70px;
        left: 10px;
        width: 570px;
        height: 570px;
        border: 1px none #000000;
        background-image: url("images/billede.gif");
        filter:alpha(opacity=20);
        z-index: 3;
    }
   
    #whiteDiv {
        position: absolute;
        top: 90px;
        left: 160px;
        width: 400px;
        height: 530px;
        background-color: #FFFFFF;
        layer-background-color: #FFFFFF;
        border: 1px none #000000;
        filter:alpha(opacity=70);
        z-index: 4;
    }
    #titleDiv {
        position: absolute;
        top: 110px;
        left: 180px;
        width: 380px;
        height: 20px;
        border: 1px none #000000;
        z-index: 5;
       
    }
    #textDiv {
        position: absolute;
        top: 160px;
        left: 180px;
        width: 380px;
        height: 500px;
        border: 1px none #000000;
        z-index: 5;
       
    }
    #copyrightDiv {
        position: absolute;
        top: 620px;
        left: 400px;
        width: 100px;
        height: 30px;
        border: 1px none #000000;
        z-index: 5;
       
    }