Удаление лишних отступов вокруг текста

У меня есть div . И я пытаюсь обвести текст 5px - не более, не меньше - но там добавлены некоторые лишние интервалы, как будто мой браузер смеется мне в лицо над моими тщетными попытками заставить это делать то, что я хочу.

Вот CSS, который я использую:

div{
    font-family:'Arial', sans-serif;
    padding:5px;
    font-size:14px;
}

И вот мой HTML:

    Sort By:
    
        Customer
    
    Search Customer:
    

(Между полями ввода и и select не используется стили.)

И вот результат, который я получаю мое окно браузера

(выделено консолью разработчика Chrome, чтобы дать вам представление о происходящем дополнительном интервале):

html output http://img715.imageshack.us/img715/2438/padding.png

Подожди, что там происходит? У меня 5px отступа вокруг, а затем происходит это странное внутреннее отступление . Измерял в графическом редакторе, и этот дополнительный padding или как там я должен его называть - это добавление дополнительных 8px padding, top и bottom.

Думал, что это может быть проблема line-height , поэтому я установите значение 0. Ничего не изменилось. Пытался установить отрицательное число. Тоже не сработало; на самом деле Chrome не хотел иметь с этим ничего общего и выдал мне ошибку.

Так что здесь делают эти лишние вещи? У него есть название? Могу я его уменьшить? Мне нужно ровно 5 пикселей вокруг этих букв, а не почти в три раза больше 13 пикселей.

Я ценю помощь - заранее спасибо.