如何使我的CSS包装的宽度相对于显示器的大小？

我想使用CSS在我的HTML页面顶部放置一个徽标。我创建了一个包装，但不是固定宽度，有没有办法让宽度相对于屏幕大小？如果我将宽度分配给固定像素以外的其他任何东西，我的图像就会拥抱屏幕的左侧（并且在其他屏幕上看起来很时髦）。如何使我的CSS包装的宽度相对于显示器的大小？

这里是我的代码：

#wrapper { 
    background-color: #000; 
    width: 800px; 
    margin-right: auto; 
    margin-left: auto; 
    border-right-width: 1px; 
    border-left-width: 1px; 
    border-right-style: solid; 
    border-left-style: solid; 
} 
#wrapper #logo { 
    height: 292px; 
    margin-right: auto; 
    margin-left: auto; 
    position: relative; 
    display: block; 
    margin: 0 auto; 
}

显然，标志只在屏幕上，其浏览器有800的宽度所以在我的1024宽显示器，它歪向左侧居中。

任何人都知道我需要做什么？

谢谢！

编辑：还没用这个代码中心：

http://jsfiddle.net/mFj3W/

什么想法？

来源

2010-12-03 Sapp