Здравствуйте,
пишу дизайн и под самый конец возникла проблема с дизайном кнопки, если навести на края кнопки, то hover действует только на края а центр остается без изменения.
примеры:

1. Картинка [Только зарегистрированные пользователи могут видеть ссылки. ]
2. Тестовый сайт [Только зарегистрированные пользователи могут видеть ссылки. ]
3. Код:
Код:
**
**#search-box .search-1
**{
****background:url(images/breadcrumbs.png) no-repeat scroll 0 0 transparent;
****margin-right:10px;
****float: right;
**}
**
**#search-box .search-1:hover
**{
****background-position:0 -192px;
**}
**
**#search-box .search-2
**{
****background:url(images/breadcrumbs.png) no-repeat scroll 100% -32px transparent;
****padding:0 10px 0 15px;
**}
**
**#search-box .search-2:hover
**{
****background-position:100% -128px;
**}

**#search-box .form-submit /* The submit button */
**{
****background:url(images/breadcrumbs.png) repeat-x scroll 0 -64px transparent;
****height:22px;
****padding-left:5px;
****display: block;
****border: none;
**}
**
**#search-box .form-submit:hover
**{
****background-position:0 -160px;****
****color:#FFFFFF;
****text-decoration:none;
****text-shadow:0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.5);
**}
Как можно решить проблему?

P.S. Возможен не адекватный код