Помогите определить ширину блока (padding, блочная модель)
 

Всем привет!
Написал скрипт показа картинок в новом окне. Все работает, но есть некоторые проблемы и недопонимания.

Решение было такое: определяем размер изображения, рисуем DIV-блок с таким же размером посередине страницы и вкорячиваем в него изображение.
Но для DIV-блока нужно сделать padding, допустим в 10px.
Допустим, изображением имеет размер 500х500 px. По моей логике размер DIV должен быть 520х520 (image.width + padding-left + padding-right и image.height + padding-top + padding-bottom).
НО делая размер блока 520х520 и добавляя динамически стиль padding:10px я получаю DIV, визуально гораздо больший по размерам (очевидно из-за padding). Т.е. padding как бы расширяет указанный в стилях размер DIV-блока. Мне это не подходит, т.к. для корректного позиционирования DIV блока посередине страницы нужно знать его ТОЧНЫЙ размер, хотя по факту с учетом padding-ов он больше и получить точный его размер не получается.

Василий Б., а если так
"рисуем" див с падингом - вставляем изображение -- центрируем

почему padding а не margin?

padding нужен для обрамляющего popup блока:

<div id="popupImage">
    <div><span>[закрыть]</span></div>
    <img src="...">
</div>

вот пример - http://www.adverts.ru/categories/zhi...ki/34167.xhtml
вот код - http://www.adverts.ru/http/js/library/main.js

убрал задание ширины и высоты для DIV-блока DIV теперь аккуратно обрамляет изображение. Отлично. Реально ли теперь вычислить ширины/высоту изображения без ручного пересчета?