Масштабирование CSS и выравнивание div внутри ячейки таблицы ⇐ CSS

[Anonymous]

У меня есть следующий контент:





Это таблица с одной строкой и тремя ячейками, двумя синими ячейками и средней ячейкой, а в средней ячейке у меня есть элемент div, сейчас она выглядит хорошо.

Но если я помещу свойство масштабирования в элемент div (zoom: 0,8), я получу дополнительное пространство в IE11, как если бы размер элемента управления все еще был того же размера, вот так:





В Chrome таблица просто подстраивается под размер div, но не в IE. Могу ли я как-нибудь этого добиться?

Это пример:

http://jsfiddle.net/Z3wbN/3/

HTML:

Это проверка

CSS:
.container { цвет фона: #ddd; } .граница { цвет фона: синий; ширина: 10 пикселей; } .содержание { маржа: авто; ширина: 500 пикселей; граница: 2 пикселя, сплошная желтая; масштаб: 0,8; }