В моем веб-приложении есть модальный пользовательский интерфейс, который требует фиксированного макета. После долгих раздумий я решил, что лучше всего расположить дочерние элементы. Тем не менее, у меня есть один div, который условно требует вертикальной полосы прокрутки (если слишком много контента). Когда эта полоса прокрутки добавлена, кажется, что ширина div изменяется между IE 7 и IE 8.
Стандартный режим IE8:

Стандартный режим IE7:

Я даже не тестировал IE 6, но уверен, что он еще веселее. Какой самый простой и наименее болезненный способ решить эту проблему, чтобы получить согласованный интерфейс во всех основных браузерах?