Проблема с отображением кнопки меню Wordpress?

Question

[Чёкатилло]

добавляю выплывающий поиск в меню Вордпресс здесь: cg91812-wordpress-3.tw1.ru И вроде бы получается, но мешает правильно отображаться фон кнопки, стиль которого определяет в style.css ХЕДЕР, и кажется стиль кнопки встает на место предназначенное для текста меню. Можно ли избавится от фона, или спрятать его, а лучше сделать независимой по отношению только к кнопке поиска??? как?

а так же, как всю эту кнопку поиска надвигать поверх меню??

кнопка поиска добавлена через functions.php:

// menu-search-form.
function add_search_to_wp_menu ( $items, $args ) {
 if( 'primary' === $args -> theme_location ) {
$items .= '<li class="menu-item menu-item-search">';
$items .= '<form method="get" class="menu-search-form" action="' . get_bloginfo('home') . '/"><p><input class="text" type="text" value="Кто Ищет, Тот Найдет !" name="s" id="s" onfocus="if (this.value == \'Кто Ищет, Тот Найдет !\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Кто Ищет, Тот Найдет !\';}" /><input type="submit" class="my-wp-search" id="searchsubmit" value="&#128269;" /></p></form>';
$items .= '</li>';
 }
return $items;
}
add_filter('wp_nav_menu_items','add_search_to_wp_menu',10,2);

в стилях кнопки поиска НАМУЧЕНО МНОЮ ЭТО:
/* MENU SEARSH */
.menu-item-search {
position: absolute;
width: 50px;
height: 50px;
right:-10px;
z-index:;
-moz-transition: width 400ms ease, background 400ms ease;
-o-transition: width 400ms ease, background 400ms ease;
-webkit-transition: width 400ms ease, background 400ms ease;
transition: width 400ms ease, background 400ms ease;
}
.menu-item-search:hover {
width: 230px;
}

.my-wp-search {
width: 50px;
height: 50px;
}

.text{
color: #000;
}
#s {
color: #000; /* черный шрифт */
height: 50px;
width: 250px;
}

#searchsubmit {
cursor: pointer;
height: 50px; /* высота кнопки */
margin: 0 0 0 -50px; /* чтобы кнопка наехала на поле */
background: #fe5335; /* цвет фона кнопки */
font-style: normal;
font-size:16px;
text-align: center;
}
/* MENU SEARSH */

Answer 1

[Roman]

Если я правильно понял, что надо убрать синий фон у красной кнопки:

.menu-header li:last-child{background:none;}
.menu-header li:last-child:hover{background:none;}

Comments

[Чёкатилло]

Мгновенный ответ Сделал НО положение кнопки не стало по центру, а теперь будто просто скрыли синий фон Нет еще вариантов? Спасибо

[Чёкатилло]

РЕШЕНО
.menu-header li:last-child{background:none;padding:0px 0px;}
.menu-header li:last-child:hover{background:none;padding:0px 0px;}