для начала сделайте бэкап вашего сайта
затем вам в графическом редакторе надо сделать две картинки для вашей кнопки "Искать"
первая - с цветом кнопки которая будет видна в стандартном неактивном режиме
вторая - с цветом который будет отображаться при наведении как вы хотите
писать текст "Искать" на них не надо
затем вместо кода
.search input.button { background: url("http://design.malyshland.ru/searchbg.jpg") no-repeat scroll -682px -10px transparent; float: left; height: 30px; width: 59px; } .search input.button:hover { background: url("http://design.malyshland.ru/searchbg.jpg") no-repeat scroll -749px -10px transparent; }
вставьте код
.search .button { background: url("тут вставьте ссылку на картинку для стандартного отображения") no-repeat scroll -4px 4px transparent; float: left; height: 30px; width: 59px; } .search .button:hover { background: url("тут вставьте ссылку на картинку которая будет отображаться при наведении") no-repeat scroll -4px 4px transparent; }
или можно создать только одну картинку на которой будут располагаться сразу две кнопки например так
тогда ссылку вставляете одинаковую но надо будет менять параметры no-repeat scroll -4px 4px