Chrome увеличивает height если прописан border 1px

[uExpo]

Обычный <div> размерностью 1180px x 200px

<div style="width: 1180px; height: 200px;border: 1px solid #ccc"></div>

Проблема в том что, Google Chrome 10+ сам изменяет height если прописан border 1px, то есть:

При просмотре страницы Chrome 10+ за место заданной ..height: 200px.. отображает как 202px (из-за того что прописан border 1px, он его берет в плюс)

Вопрос: Как исправить это?

[SelenIT]

Это не только Хром (всех версий), это все браузеры в стандартном режиме (при правильном доктайпе) так себя ведут. "Исправлять" бессмысленно, нужно просто учитывать (напр., ставить height: 198px, если нужна итоговая 200).

[Vlad]

Можете использовать box-sizing, это свойство как раз для "исправления" подобного поведения.