Всем доброго времени суток!

В общем захотел поменять поиск по сайту,вид.

Получилось так:

Что я не так сделал?(Нету текста "Поиск")

Какой код был:

#search .submit_input {
background: #76c12d  url({style_images_url}/search_icon.png) no-repeat 50%;
text-indent: -3000em;
width: 25px;
height: 21px;
	padding: 0;
float: left;
}

Сделал я:

#search .submit_input {
  background: #6cbb6b;
background-image: -moz-linear-gradient(#95d788, #6cbb6b);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #6cbb6b),color-stop(1, #95d788));

-moz-border-radius: 3px 50px 50px 3px;
border-radius: 3px 50px 50px 3px;	 
border-width: 1px;
border-style: solid;
border-color: #7eba7c #578e57 #447d43;
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;               
height: 24px;
margin: 0 0 0 10px;
padding: 0;
width: 50px;
cursor: pointer;
font: bold 14px Arial, Helvetica;
color: #23441e;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

Там еще масса других классов ниже. advansed_search и т.д. вплоть до #secondary_nav

Все надо расчитывать буквально по пикселю. Задавать новые параметры иногда.

Заочно никак не помочь.

Ps

width: 50px; поменяли на 25. Нафига?

Теперь места для шестеренки не осталось, а кнопка болтается посередине пустого куска.

Если что-то меняете, меняйте все в комплексе.