Проблема выравнивания с кнопкой и выбором элементов формы внутри абзаца?

Question

Моя разметка выглядит так:

<p>
   <select></select>
   <input type="submit" id="submit" value="submit" name="submit" />
</p>

Вот CSS:

//No specific styles for the select element nor inherited ones.

#submit {
    background: url("images/img.png") no-repeat scroll 0 0 transparent;
    border: 1px solid #FFFAEE;
    cursor: pointer;
    height: 34px;
    margin-left: 30px;
    width: 145px;
}

Проблема в том, что кнопка отправки находится на несколько пикселей выше элемента select.Вот снимок экрана:

Это происходит в браузерах Webkit и IE, но не в Firefox.

Answer 1

Я скопировал ваш код в jsfiddle, и кнопка выбора и отправки выровнялась в ff, chrome и ie9.это - у вас есть реальный URL на страницу?

Если нет, вы можете попробовать: vertical-align: middle;