выравниевание ссылки и submit'а по горизонтали

[XuLLlHuK]

Добрый день!

Проблема в том, что в разных браузерах выравнивание отображается по-разному. В чем я ошибся? Что исправить или что добавить?(рис.)

#for_clients{
	/*-- margin:10px 0px;
	padding:0px 10px; --*/
	text-align:right;
}

#for_clients a{
	font:10pt Arial;
	color:#06C;
	text-decoration:none;
}

#for_clients a:hover{
	color:#C00;
	text-decoration:underline;
}

#for_clients div input.btn{
	border:none;
	background-color:transparent;
	background-image:url(images/btn_off.png);
	background-repeat:no-repeat;
	height:19px; 
	width:48px;
	margin-top:3px;
	vertical-align:inherit;
}

#for_clients div input.btn:hover{
	background-image:url(images/btn_on.png);
	cursor:pointer;
}

#for_clients div input{
	border:1px solid #999; 
	width:155px;
}

#for_clients div{
	margin:5px 0px;
	font:10pt Arial; 
	color:#999;
}

...
<td width="25%" valign="top" align="center">
    <div id="for_clients">
    <form action="#" method="post">
        <div>логин: <input type="text" name="login"></div>
        <div>пароль: <input type="text" name="pass"></div>
        <div><a href="#">забыли пароль?</a><input type="submit" class="btn" value="" name="loginBtn"></div>
        </form>
    </div>
    </td>
...

Заранее премного благодарен!

[Vlad]

vertical-align поставьте не inherit, а middle.