Html 试图模仿Lamborghini.com上的布局，但无济于事

我试图模仿这样一种布局，即使用固定的页眉和页脚，在没有javascript或使用表格的情况下，页眉和页脚的内容可以放在两者之间。你可以看到我在找什么实际上这很简单。这是完整的代码，只需复制并粘贴即可

归功于杰里米(http://stackoverflow.com/questions/206652/how-to-create-div-to-fill-all-space-between-header-and-footer-div)

html，正文
{ 
身高：100%；
填充：0；
保证金：0；
} 
#标题
{
高度：100px；
颜色：#FFF；
背景：#000；
}
#内容
{
最小高度：100%；
高度：自动！重要；/*导致页脚在IE 6中粘到底部*/
身高：100%；
边距：0自动-100px；/*允许页脚高度*/
垂直对齐：底部对齐；
颜色：#FFF；
背景：#333；
}
#页脚
{
高度：100px；
颜色：#FFF；
背景：#000；
}
#分隔器
{
高度：100px；/*分隔符必须与页脚高度相同*/
}
标题
内容文本
页脚

您能再具体一点吗？许多阅读这个问题的人可能会对你试图做的事情做出不同的解释。它有助于显示您已经尝试过的代码片段，并询问您遇到问题的细节。有关合理范围问题的更多示例和指南，请参见常见问题解答：欢迎使用堆栈溢出！我能问你有什么问题让你停下来吗？你的分数是多少？您试图定位哪些元素？你需要什么帮助？

<style type="text/css">
html, body 
{ 
    height: 100%;
    padding: 0;
    margin: 0; 
} 

#header
{
    height: 100px;
    color: #FFF;
    background: #000;
}

#content
{
    min-height: 100%; 
    height: auto !important; /*Cause footer to stick to bottom in IE 6*/
    height: 100%; 
    margin: 0 auto -100px; /*Allow for footer height*/
    vertical-align:bottom;
    color: #FFF;
    background: #333;
}

#footer
{
    height: 100px; 
    color: #FFF;
    background: #000;   
}

#divider 
{
    height: 100px; /*Divider must be same height as Footer */
}

</style>

<div id="content">
    <div id="header">
        Header
    </div>

    Content Text

    <div id="divider"></div>
</div>
<div id="footer">
    Footer
</div>