Problem z wyrównaniem elementów strony w IE

Witam,

Mam problem z poprawnym wyświetlaniem elementów strony w IE. W przeglądarkach takich jak Firefox, Opera, Chrome, Safari problem nie występuje.

Wytłumaczenie: w div’ie ask_div umieszczony jest input o id=” text ” (type=”input”) oraz input o id=” send_button ” (type=”button”).

Jak na razie rozumiem tylko, że w sekcji head będę musiał umieścić instrukcję dla IE:

Załączam kod CSS dotyczący problematycznych elementów oraz dwa screeny. Proszę o pomoc w poprawnym zbudowaniu części stylu dla IE.

#ask_div

{

	font-family:courier new;

	margin-left:10px;

	background-color:#f1f1f1;

	border:1px solid #c3c3c3;

	width:424px;

	height: 55px;

	padding:3px;

	color:#222222;

}

#send_button

{

	width:50px;

	height:40px;

	background: none repeat scroll 0 0 #DCE0E0;

	/*border:1px solid #c3c3c3;

	background-color:rgb(84,163,105);

	color:white;*/

	/*text-align:center;*/

}

#text

{

	width:355px;

	height:50px;

	border: 1px solid gray;

}

Poprawne (Firefox, Opera, Safari, Chrome):

good.jpg

IE:

bad.jpg

Oczywiście pomijamy kolor, bo nie mam siły już do obsługi gradientów w IE…