DIV vs 100% height

Hey all, ja så kom dagen hvor jeg vil lave et site i tableless design, og jeg har selvføgelig støt ind i mit første problem

mit content område vil ikke lave 100% height selvom jeg laver 100% height + min-height i mit css så vil den stadig ikke lave den 100% høj men kun så høj som indholdet er?

---------------------------------------
HTML:
---------------------------------------
<div class="main">
            <div class="header">
            header
            </div> 
            <div class="main">
                main
            </div>
            <div>
                <asp:contentplaceholder id="ContentPlaceHolder1" runat="server">
                </asp:contentplaceholder>
            </div>
        </div>


---------------------------------------
CSS:
---------------------------------------
body
{
  background-image:url(http://localhost:4313/Blogit/img/bg.jpg);
  background-repeat:repeat-x;
  background-color:#9D956F;
  margin:0;
}

.main
{
    height:100%;
    width:550px;
    margin: auto;
    background-image:url(http://localhost:4313/Blogit/img/mainbg.jpg);
    background-repeat:repeat-x;
    background-color:#000000;
}