Если у кого-то есть лучшая идея для названия, я весь в ушах.
Вот JSFiddle, который демонстрирует проблему: http://jsfiddle.net/VXsAg/
В двух словах, у меня есть элемент с фиксированной высотой и шириной растяжения до содержимого. Если содержимое превышает фиксированную высоту, должна быть вертикальная полоса прокрутки. Также должна быть ТОЛЬКО вертикальная полоса прокрутки, потому что по горизонтали она может растягиваться столько, сколько нужно в любом случае. К сожалению, я не могу заставить его работать кросс-браузерным способом. Вот что я получаю (верхнее поле для справки, нижнее поле демонстрирует проблему):
В IE8, IE9 и Opera 11.60 это выглядит так (очень хорошо):
![Good](https://i.stack.imgur.com/vjxBC.png)
В IE7, Chrome 17 и Firefoxes 3 и 10 это выглядит так (катастрофа):
![Bad](https://i.stack.imgur.com/owg4S.png)
Я понимаю, почему это происходит (ширина рассчитывается до учета полос прокрутки), но как мне обойти это?