CodePen

HTML

            
              <div class="searchmain">
	<div id="search">
	    <div class="button-search"></div>
	    <input type="text" name="search" placeholder="" value="" />
  </div>
</div>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              body {
  margin: 0px auto;
  width: 1000px;
  margin-top: 20px;
}
.searchmain {
	background: #C8050C;
	width: 100%;
	height: 50px;
	padding: 0px;
	-webkit-box-shadow: 7px 7px 5px #000;
	-moz-box-shadow: 7px 7px 5px #000;
	box-shadow: 7px 7px 5px #000;
	margin-bottom: 15px;
}
#search {
	right: 0px;
	margin-left: 360px;
	width: 340px;
	z-index: 15;
	margin-bottom: 0px;
}
.button-search {
  float: left;
	left: 0px;
	background: url('http://s11.postimg.org/yvnsfctzj/button_search.png') center center no-repeat;
	width: 40px;
	height: 30px;
	cursor: pointer;
}
#search input {
	background: #FFF;
	padding: 1px 1px 1px 33px;
	width: 262px;
	height: 30px;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................