Проблема с блоком поиском

[raptor-dm]

Всем привет)

Вот сайт верстаю http://texteredsa.besaba.com/qm/
пытаюсь сделать вот эту копию http://www.quomodo.pl/qm3/v4_parallax/
проблема с большим блоком поиска и кнопкой button.
Уже пару часов просматриваю как там в фаербаге она устроена, так понять и не могу, знаю что в css для них сделан блочный стиль. а как именно не догоняю. В бутстрапе не шарю, пытаюсь с нуля сделать. Подскажите как там сверстано?

[jdk]

В варианте bootstrap это выглядит примерно так:

<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">    <div class="search">	<form name="search" >	     <input type="text" class="search_field">	     <button type="submit" class="search_button" ></button>	 </form>    </div></div>

.search {  position: relative;  float: left;  margin-top: 20px;  width: 100%;  border: 1px solid #000; /* Параметры рамки */  min-height: 20px; /* Минимальная высота */  background-color: white;  border-radius: 3px;  border-color: #8c8c8c;  margin-bottom: 10px;  margin-right: 20px;}.search_field {border: none; /* Убираем рамку */outline: none; /* Убираем свечение в Chrome и Safari */-webkit-appearance: none; /* Убираем рамку в Chrome и Safari */width:100%;max-width: 90%;vertical-align: middle; /* Выравнивание по середине */}.search_button {width: 20px; /* Ширина кнопки */height: 20px; /* Высота кнопки */border: none; /* Убираем рамку */float: right;vertical-align: top;background: url("../images/search.png") no-repeat 50% 50%; /* Параметры фона */}

Т.е. в div с необходимыми эффектами (тень и т.п.) вставляем поля для поиска, убираем у него границу и сюда же кнопку. Это на моем примере. А Вам нужно будет ваш background для кнопки задать и размеры соответственно.