しょぼい話し。
たとえば
#id{
height: 10px;
width: 10px;
margin: 5px;
padding: 5px;
}
とした時に、jQueryで普通に
$('#id').height();
を実行してもheightで帰ってくる値は 10。
しかしながら、
$('#id').outerHeight();
ってやると、paddingを含んだ高さが返ってきます。
今回の場合は20。
marginを含めるには、trueを渡す必要がある。
$('#id').outerHeight(true);
ってやると30だ。