Have webparts til venstre for en centreret side.. hvordan

psuedo:

<div style="width: 960px;margin:0 auto;position:relative">
//eksisterende indhold
<div id="LeftWebparts" style="position:absolute; width: 200px; top:0px; left: -220px ">Webparts.</div>
</div>

Hej,
tak for hjælpen..
desværre blev det ikke helt som det skulle.. :|
jeg har rettet billedet fra linket, og som du kan se, så floater den ikke ind, men derimod har den skubbet indholdet ned til fordel for LeftWebParts..

her er lige et lille snippet af min css:
jeg vil lige tilføje at det er min første side, og første gang jeg roder med CSS,
så det kunne nok godt laves bedre.. (som i selvfølgelig gerne må nævne :) )

body
{
    font-size: 9pt;
    color: black;
    font-family: Arial;
    font-weight: bold;
    background-color:#aca8a1;
    text-align:left;
}

a:visited
{
    font-weight: bold;
    font-size: 9pt;
    color: #3366cc;
    font-family: Arial;
    text-decoration: none;
}
a:link
{
    font-weight: bold;
    font-size: 9pt;
    color: #3366cc;
    font-family: Arial;
    text-decoration: none;
   
}

a:hover
{
    font-weight: bold;
    font-size: 9pt;
    color: #ffcc00;
    font-family: Arial;
    text-decoration: none;
}
a:active
{
    font-weight: bold;
    font-size: 9pt;
    color: #ffcc00;
    font-family: Arial;
    text-decoration: none;
}

div#content
{
    margin: 0 auto 0 auto;
    width: 800px;
}
div#banner
{
margin: 0 auto 0 auto;
height:180px;
width: 846px;

}
div#toplogin
{
text-align:center;
vertical-align:bottom;
}
#topimage
{
    margin: 0 auto 0 auto;
width: 846px;
height: 50px;
}
#cleardiv
{
clear: both;
height: 1em;
}
#loginbottom
{
padding-top:20px;
}

div#container
{
}
div#container2
{
    margin: 0 auto 0 auto;
width: 846px;
}
div#Menu
{
    margin: 0 auto 0 auto;
width: 846px;
height: 25px;
}
div#MenuContainer
{
margin: 0 auto 0 auto;
width: 800px;
vertical-align:text-bottom;
}

og min html

        <div id="topimage" style="background-image: url(http://metro.nj-epics.com/images/Login_Top.gif);">
            <div id="toplogin">
            </div>
        </div> 
        <div id="banner" style="background-image: url(http://metro.nj-epics.com/images/Banner_COD_1024.gif);
            background-repeat: no-repeat">
        </div>
        <div id="Menu" style="background-image: url(http://metro.nj-epics.com/images/bg_content.gif);
            background-repeat: repeat-y">
            <div id="MenuContainer">
            </div>
        </div>

        <div id="container">

            <div id="container2" style="background-image: url(http://metro.nj-epics.com/images/bg_content.gif);
                background-repeat: repeat-y">
                <div id="content">
                </div>

                <div id="cleardiv">
                </div>
            </div>
        </div>
        <div id="footer">
        </div>

jeg brugte Float til at klare det..

men smid et svar, så får du halvdelen..
og undskyld for den sene respons.

Mange tak.