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

[Anonymous]

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




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

Но если я поставлю свойство масштабирования в элементе div (zoom: 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