<div id="center-forms">
              <div class="container">
               <nav>
                   <ul>
                       <li><a href="#">Главная</a></li>
                       <li><a href="#">Отзывы</a></li>
                       <li><a href="#">Оплата и доставка</a></li>
                       <li><a href="#">Скидки</a></li>
                       <li><a href="#">Другие товары</a></li>
                       <li><a href="#">Контакты</a></li>
                   </ul>
               </nav>
               </div> <!---- Конец контейнера --->
            </div>

            <div class="container">
       <div id="put">
    <form>
       <p><input type="search" name="q" placeholder="Поиск по сайту...">
       <input type="submit" value="Найти"></p>
    </form>[![Вот что получается, я бы хотел чтобы получалась чисто одна полоса][1]][1]
       </div><!-- end put -->
    </div>


  [1]: https://i.stack.imgur.com/zK8ud.png

#hero{
    background: #e8c04f url(images/bg-tile-yellow.gif) top left repeat;
}

#hero .large-ribbon {
    text-indent: -99999px;
}

#hero .container{

}

#hero .container img{
    position: relative;
    right: -450px;
}
/* The Whole Story */
#center-forms{
    background: url("images/button_background.jpg") top left repeat;
}


#center-forms nav {
    text-align: left;
    position: relative;
    top: -18px;
}

#center-forms nav ul {
    margin-top: 10px;
    padding: 0;
    list-style: none;
    display: block;
}

#center-forms nav ul li {
    display: inline-block;
    padding: 0 20px;
}

#center-forms nav ul li a:link {
  text-decoration: none;
}


#center-forms nav ul li a:hover {
    color: #fff;
}

#put {
    position: absolute;
}


#put form{
    position: relative;
    top: -175px;
    left: 850px;
}