CSS 100% 宽度但避免滚动条

这可能是一个已经解决了几十次的问题的变体，但 CSS 真的让我觉得自己像个傻瓜。

我正在尝试构建一个可以通过多种方式定位和调整大小的小部件。这是一个非常简单的布局 - 固定高度的页眉、固定高度的页脚以及占用剩余空间的正文。整体宽度和高度各不相同。正文内容需要滚动。我已经确定了整体容器、页眉、页脚和正文的尺寸。

但我想要的是主体在需要时滚动，而不是在滚动条出现时向左收缩内容。也就是说，我希望主体尽可能宽，减去需要滚动时出现的滚动条，这样当它确实需要滚动时就不会收缩。实际上，我想要这个：

| - - - unknown width - - -|
+--------------------------+
| content                |*|
| might                  |*|
| scroll                 |*|
+--------------------------+

我希望可能滚动的内容尽可能宽减去潜在的滚动条宽度（|*| 区域）。

我现在拥有的是这样的：

<div id="content" style="position: absolute; overflow-y: auto; width: 100%">
    <div id="scrollContent" style="???">
    </div>
</div>

我已经尝试过边距、填充，甚至是最里面的 div 的 %-widths 以及所有“进行移位”的操作。我还需要它在 FF3、IE7/8 和（幻想？）IE6 中工作。

Use overflow: scroll代替overflow: auto- 这将强制滚动条始终出现。