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

[Anonymous]

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




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

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




В chrome таблица просто подстраивается под размер элемента div, но не в IE, в любом случае я можно добиться этого?

Это пример:

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

HTML:







This is a test









CSS:

.container {
background-color: #ddd;
}

.border {
background-color: blue;
width:10px;
}

.content {
margin: auto;
width: 500px;
border: 2px solid yellow;
zoom: 0.8;
}


Подробнее здесь: https://stackoverflow.com/questions/246 ... table-cell