Как можно выровнять текст по центру эллемента?

Вот у меня такая кнопочка:

Код

<span class="butt"><img src="buadd.gif"> Новая тема</span>

А вот её класс:

Код

span.butt{      background-image: url(1.bmp);     background-repeat: no-repeat;     width: 110px;     height: 30px;                 text-align: center;     font-family: Verdana, Arial;      font-size: 11px;      margin: 2px 2px 2px 2px;     padding: 8px 0px 9px 0px;  //вот так я выравниваю по центру     cursor: hand;     }

но если я ещё добавляю вот это <img src="buadd.gif"> то текст тогда получается внизу

а если зделать так <td class="butt">Новая тема</td>

Phantom1
нет я не хочу использовать таблицы Мне нужно именно со спан

Код

img {    vertical-align: middle; }

Насколько я знаю <span> неподдерживается в нетскуйпе для безопасности лучше <div>

Phantom1
Ага, спасибо!