Смещение кнопки YUI

Question

Я использую YUI и у меня проблемы с выравниванием с кнопками YUI, встроенными в поля ввода текста. Проблема рендеринга возникает в FF3 и даже присутствует на собственном сайте YUI.

http://developer.yahoo.com/yui/examples/button/btn_example09.html

Как видите, кнопка расположена выше, чем текстовые поля. Любые идеи о том, как получить все это на одной высоте?

Answer 1

Похоже, это также комбинация с

.yui-skin-sam .yui-button button, .yui-skin-sam .yui-button a {
    min-height:2em;
}

Комментирование также помогает.

Answer 2

В конце концов мне пришлось использовать положение: относительное;

Вот пример YUI, который действительно корректно выравнивается: http://developer.yahoo.com/yui/examples/calendar/calcontainer_clean.html

Я скопировал его CSS

Answer 3

На этой странице, в FF3, избавление от правила vertical-align:baseline дало кнопку для выравнивания снизу с полями ввода текста.

Итак:

#calendarpicker {
    // vertical-align:baseline;
}