CSS помогите

Есть форма поиска, отображается криво в разных браузерах.

Код формы:

<form action="">
<input type="text" class="text_search" name="findString" />
<input type="submit" class="button" value="Search" />
<input type="hidden" name="menu" value="2" />
</form>

CSS код текстового поля и кнопки:

 input.button
	{
		border-right: #c3d0e1 1px solid;
		border-top: #c3d0e1 1px solid;
		border-left: #cccccc 1px solid;
		border-bottom: #cccccc 1px solid;
		background-color: #ffffff;
		font-family: verdana;
		font-size: 16px;
		color: #2051A0;
		width: 90px;
		height: 35px;
		
		
	}

 input.text_search
	{
		border-right: #cccccc1 1px solid;
		border-top: #cccccc 1px solid;
		border-left: #cccccc 1px solid;
		border-bottom: #cccccc 1px solid;
		background-color: white;
			font-family: verdana;
		font-size: 25px;
		width: 300px;
		height: 35px;
	}

Хоть и размер текстового поля и кнопки одинаковый по высоте, они разные.. как исправить?
вот скрин кривизны:

Сообщение изменено: Ёлкин-палкин (03 апреля 2009 - 19:08 )

input.button
{
border-right: #c3d0e1 1px solid;
border-top: #c3d0e1 1px solid;
border-left: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;
background-color: #ffffff;
font-family: verdana;
font-size: 25px;
color: #2051A0;
width: 90px;
height: 35px;


}

input.text_search
{
border-right: #cccccc1 1px solid;
border-top: #cccccc 1px solid;
border-left: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;
background-color: white;
font-family: verdana;
font-size: 25px;
width: 300px;
height: 35px;
}

ForumEngine, так же криво, зачем такой большой шрифт на кнопке если слово не влезает..

Нубское предложение - если в table загнать ?

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

Сообщение изменено: Ёлкин-палкин (03 апреля 2009 - 19:50 )

Ёлкин-палкин, Welcome to the htmling world Проблема эта - гловная боль для верстальщиков. Используй тэйблы и паддинги, ими сможешь выровнять для браузеров на основе мозиллы. Декларации ИЕ используй для Интернет Эксплорера, там пиши отдельный ЦСС для ИЕ . Надеюсь ты все опнял, что я тут расписал.

LiD, да, я уже узнал как это исправить, загнал в табличку, и ковырял пока не выравнилось

Самый простой пример: обоим классам float: left; A для input.button поставить height: 39px;

Самый простой пример: обоим классам float: left; A для input.button поставить height: 39px;

это да.

Ещё надо задать обоим полям параметр -> line-height, дабы выравнять текст по центру.

что-то в этом роде:

input.button {
		border-right: #c3d0e1 1px solid;
		border-top: #c3d0e1 1px solid;
		border-left: #cccccc 1px solid;
		border-bottom: #cccccc 1px solid;
		background-color: #ffffff;
		font-family: verdana;
		font-size: 16px;
		color: #2051A0;
		width: 90px;
		height: 35px;
	line-height: 34px;
	float: left;
}
input.text_search {
		border-right: #cccccc1 1px solid;
		border-top: #cccccc 1px solid;
		border-left: #cccccc 1px solid;
		border-bottom: #cccccc 1px solid;
		background-color: white;
		font-family: verdana;
		font-size: 25px;
		width: 300px;
		height: 31px;
	line-height: 30px;
	float: left;
}