在IE7，FF和Chrome上的自动调整大小框中，滚动条表现不佳

Question

如果有人对标题有更好的了解，我会全力以赴。

这是一个演示问题的JSFiddle：http://jsfiddle.net/VXsAg/

简而言之，我有一个固定高度和拉伸到内容宽度的元素。如果内容高于固定高度，则应该有一个垂直滚动条。还应该只有垂直滚动条，因为水平它可以根据需要拉伸。不幸的是，我不能让它以跨浏览器兼容的方式工作。这是我得到的（顶部框用于参考，底部框显示问题）：

在IE8，IE9和Opera 11.60中，它看起来像这样（非常好）：

在IE7，Chrome 17和Firefox 3＆amp; 10看起来像这样（灾难）：

我可以看到它发生的原因（在考虑滚动条之前计算宽度），但我该如何解决呢？

Answer 1

显然没有人知道。好吧，我通过javascript解决了它。基本上我自己做了自动调整部分。我计算了内容的大小;计算滚动条的大小;并明确设置宽度。