CSS：固定大小的div，固定垂直位置并水平居中？

在CSS中，是否可以有一个<div>它既水平居中又固定在浏览器底部？我正在为内部 div 使用设置的宽度和高度。

我试过放一个divposition:relative在固定的外部 div 内，垂直对齐内容，但外部 div 不居中，我又回到了原点。

仅使用 CSS 是否可以做到这一点？我也在使用 jQuery，所以如果这是唯一的方法我会使用它，但如果可能的话我宁愿使用 CSS。

谢谢， 迪伦

弄清楚了。

HTML

<div id="background">
    <div id="content">
    </div>
</div>

div#background{
    height: 800px;
    width: 100%;
    position: fixed;
    bottom: 0;
}

div#content{
    position: relative;
    margin: 0 auto;
    bottom:0;
    height: 700px;
    width: 800px;
}

设置div#background宽度为 100% 仍然允许div#content to use margin:auto同时仍然动态调整窗口宽度。