Проблема с паддингами

[Mila]

Задача такова:

Требуется выровнять текст по центру кнопки.

Для этого я задаю нужные мне паддинги.

После этого внизу кнопки появляется полоска цвета в 2px, которые я указала в padding.

Если убрать цвет фона, все становиться на место. Но мне то нужен также и цвет фона.

Происходит это в браузере FF. Паддинг не откладывается внутри, как нужно, а прибавляется снаружи.

Что делать? Замучилась уже с этой кнопкой.

.searchform {  
  position: relative;
  float: left;
  text-align: left;
  width: 205px;
  padding: 0;
  margin: 0 0 45px 45px;
}
#searchsubmit {  
  clear : both; 
  float: left;
  background : #A8D7FC url(images/search.gif) no-repeat;
  width : 73px; 
  height : 20px; 
  margin: 20px 0 0 0;
  padding: 2px 0 2px 0; 
  color: #fff;
  font-size : 12px; 
  text-align: center;
  cursor: pointer;
  border: 0;
}

[SelenIT]

Паддинг не откладывается внутри, как нужно, а прибавляется снаружи.

Точнее, "распирает" элемент изнутри, увеличивая высоту (плюсуясь к ней). Увы, таков стандарт (да, нелогично, но так уж сделали), в строгом режиме (с полным правильным доктайпом) так везде.

Как вариант - убрать паддинг вообще, а height заменить на line-height (если надпись на кнопке заведомо однострочная).

[Mila]

Спасибо, попробую так, как вы советуете.