jQuery outerHeight не работает должным образом?

Стиль ссылки:

#carousel ul li {
    display: inline-block;
    border: solid 1px red;
    margin: 50px 25px 50px 25px;
    width: 350px;
    height: 300px;
}

Код jQuery:

var height = $("#carousel ul li").outerHeight(); 

document.write(height);

И он говорит, что высота элемента составляет 302 пикселя! Почему? Это может быть 302 с границами, но не должно ' t externalHeight показывает 300 + 2 + 100 (верхнее и нижнее поля - 50 пикселей).

Я запутался.

Спасибо.