固定％宽度div在页面变窄时没有正确溢出

Question

我理解一切应该如何运作，但我不知道为什么它不起作用。我想让我的页面有两个主要的固定div。左边的一个保持不变，右边的一个在有更多的内容时向下溢出。

现在这个完美无缺。问题是正文或我的#bodywrapper div或我做的任何东西都有一个最小宽度来存储#header和#bodyholder，这样当页面水平缩小到低于1280px时，它将需要整个页面溢出/产生一个滚动条，以便您可以看到#header和#bodyholder div。我附上了我正在谈论的内容的例子。

因为我还没有10个重复点，所以这里是图像的链接：

正确的： s1190.photobucket.com/user/obancooper/media/ex-correct_zpssnk69nck.png.html

错误的： s1190.photobucket.com/user/obancooper/media/ex-wrong_zpsszf6kkoj.png.html

为了提供帮助，以下是我在HTML / CSS中可以描述的最好的问题：

HTML：

<div id="bodywrapper">
<div id="header">
</div>
<div id="bodyholder">
</div>
</div>

CSS：

#header {   top:18px;
    left:0px;
    padding-right:0px;
    height: 100%;
    width: 18%;
    position:fixed;
    margin:0px;}

#bodyholder {width:82%;
min-width:1050px;
right:0px;
overflow:auto;
height:100%;
position:fixed;
}

#bodywrapper {
width:100%;
min-width:1280px;
overflow:scroll;}

我的网站是pumpingfe.com。