Кривые input-ы

[212th]

Как видите, во всех браузерах отступы разные...

Как сделать, чтобы в любом браузере кнопки были посередине?

CSS:

input.pass {background: url(template/pass.png) no-repeat; border:1px solid #494949; background-color: #858585; background-position: 0 50%; color: white; padding-left: 65px; margin-top:6px; width:90px; height:16px; font-family:arial;} 
input.login {background: url(template/login.png) no-repeat; border:1px solid #494949; background-color: #858585; background-position: 0 50%; color: white; padding-left: 60px; margin-top:6px; width:90px; height:16px; font-family:arial; margin-left:5px;}
input.white_button {background: url(template/white_button.gif) repeat-x; border:1px solid #323232; height:19px; font-weight:bold; font-family:tahoma; font-size: 11px; padding:4px;}
input.red_button {background: url(template/red_button.gif) repeat-x; border:1px solid #323232; height:19px; font-weight:bold; font-family:tahoma; font-size: 11px; padding:4px; color:white;}
#login_form {float:left;}
#search {float:right;margin-top:6px;margin-right:5px;}
.queryField {border:1px solid #494949;background:#fff;height:16px;color:#e1e0e0;font:11px tahoma;width:125px; background: url(template/search.png) no-repeat; background-color: #858585; padding-left: 24px;}
.queryField2 {border:1px solid #323232;background:url(template/white_button.gif);height:19px; font-weight:bold; font-family:tahoma; font-size: 11px; padding:3px;}

HTML:

<div id="search"><form onsubmit="this.sfSbm.disabled=true" method="get" style="margin: 0pt;" action="/search/"><input onclick="if(this.value=='Введите слово...')this.value=''" onblur="if(this.value=='')this.value='Введите слово...'" name="q" maxlength="30" size="17" class="queryField" value="Введите слово..." type="text"> <input class="queryField2" value="Найти" type="submit"></form></div>

<div id="login_form">
<input class="login" type="text" name="user">
<input class="pass" type="password" name="password">
<input class="white_button" type="submit" name="sbm" value="Войти">
<input class="white_button" type="button" onclick="document.location.href='java script://" rel="nofollow" onclick="new _uWnd('Prm','Напоминание пароля',300,130,{autosize:1,closeonesc:1},{url:'/index/5'});return false;'; return false;" value="Забыл пароль">
<input class="red_button" type="button" onclick="document.location.href='/index/3'; return false;" value="Регистрация">
</div>

[Great Rash]

vertical-align: bottom; всем инпутам

[212th]

Спасибо. А как теперь выровнять текст посередине?

[Great Rash]

Посередине чего?

[212th]

Ну в лисе текст не посередине кнопки..

[Great Rash]

Короче, предлагаю использовать таблицу для выравнивания форм. Т.к. вертикальное выравнивание инлайн-элементов слишком по разному себя ведет в разных браузерах. Реально заколебетесь выравнивать.