Верхняя позиция Absolute Div изменена при масштабировании (Ctrl +) в браузере Chrome ⇐ Html

[Anonymous]

У меня проблема с абсолютным позиционированием DIV над элементом таблицы. У меня есть DIV, который устанавливает абсолютное положение и устанавливает верхнюю позицию для отображения точного места. Теперь, что произошло в браузере Chrome при масштабировании (ctrl +): положение DIV было изменено при уровне масштабирования 125, 150, 175... и т. д. Но при уровне масштабирования 100, 200, 300... (кратно 100) отображается та же позиция. Проблема заключалась не в том, что уровень масштабирования кратен 100, и положение DIV изменилось. Как я могу решить эту проблему?

Я создал образец страницы в jsfiddle-demo. пожалуйста, запустите страницу в браузере Chrome и увеличьте масштаб браузера (ctrl +), положение DIV красного цвета изменится, в этом проблема. Я очень надеюсь, что кто-нибудь найдет решение этой проблемы.

HTML:

Код: Выделить всё

CSS:

Код: Выделить всё

    table
{
border-collapse:collapse;
}
.custom tr td
{
height:20px;
border:1px solid;
background-color:White;
}

.container {
position: relative;
}
.apptest
{
height:70px;
width:400px;
position:absolute;
top:185px;
left:0px;
background-color:Red;
}

Ссылка: http://jsfiddle.net/mJcsb/5/

Подробнее здесь: https://stackoverflow.com/questions/188 ... me-browser