Zoom меняет дизайн layout

Я работаю над новым веб-сайтом, который должен быть «идеальным» - совместимым с ie6 +, ff, chrome, opera и safari.

Я сделал его совместимым со всеми этими браузерами, но есть одна проблема, с которой я не могу справиться - при изменении масштаба вся компоновка становится беспорядочной.

Пример скрипта с проблемой: http://jsfiddle.net/pdQrQ/1/

В Chrome (14.0.835), FF (7.0.1) и IE9, при уменьшении масштаба - размер верхнего правого поля изменяется (по крайней мере, он выглядит так), а затем он не выровнен по правому краю с полем ниже.

Править:
Я знаю, в чем причина - граница!

Объяснение: функция масштабирования в каждом браузере изменяет ширину / высоту блока div, но не размер границы, поэтому вызывает этот сбой / плавание. если я уберу границу, все будет работать перфект.

но я хочу использовать рамку, иначе мой дизайн будет намного уродливее.

Как исправить?

Спасибо!