CSS property increase width

I'm creating a menu. It looks like this, but I would like the background to extend to the end of the search field. When you increase width or paddin-left it will not. I will post my CSS for you to see. The div regarding the menu is .teste .

My CSS code

 .teste{  
overflow: hidden;

}

.teste ul{
    background: #40403E;

  border-bottom: 1px solid #FE980F;

  list-style: none outside none;

  padding-bottom: 300px;

  margin left: 900px;

  width: 100%;

}

.teste ul li a {

  border: 0 ;

  border-radius: 0;

  color: #B3AFA8;

  display: block;

  font-family: 'Roboto', sans-serif;

  font-size: 14px;

  text-transform: uppercase;
}