Перенести поиск в footer

[Leingard]

Здравствуйте...

Подскажите пж, как перенести поиск в футер...

Создал для него в стилях:

#footer #search {
width: 298px;
z-index: 15;
}
#footer .button-search {
position: absolute;
left: 0px;
background: url('../image/button-search.png') center center no-repeat;
width: 28px;
height: 24px;
border-right: 1px solid #CCCCCC;
cursor: pointer;
}
#footer #search input {
background: #FFF;
padding: 1px 1px 1px 33px;
width: 262px;
height: 21px;
border: 1px solid #CCCCCC;
-webkit-border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
-webkit-box-shadow: 0px 2px 0px #F0F0F0;
-moz-box-shadow: 0px 2px 0px #F0F0F0;
box-shadow: 0px 2px 0px #F0F0F0; }

и в footer.tpl добавил:

<div id="footer">

 <div id="search">
   <div class="button-search"></div>
   <?php if ($filter_name) { ?>
   <input type="text" name="filter_name" value="<?php echo $filter_name; ?>" />
   <?php } else { ?>
   <input type="text" name="filter_name" value="<?php echo $text_search; ?>" onclick="this.value =
'';" onkeydown="this.style.color = '#000000';" />
   <?php } ?>
 </div>

но он отображается вверху страницы как и отображался в хэдере...

[Yumanov]

Вы:

1) либо забыли удалить код для формы поиска из header.tpl ?

​2) у блока #search указано абсолютное позиционирование относительно основного контейнера (посмотрите в фаербаге).

Приведите код footer.tpl полностью и header.rpl