title: input/button issue in ie
body: <p>For some reason my searchbox is not appearing correctly in ie. The search box is not visible at all and the button is in the corner where it shouldn't be.
  Here is my HTML: </p>
  
  <pre><code>&lt;div class="searchbox"&gt;
  &lt;form action="?" method="get"&gt;
      &lt;input type="text" placeholder="Search Modern Spaces" /&gt;
      &lt;button type="submit" value="submit" /&gt;
   &lt;/form&gt;
  &lt;/div&gt;&lt;!--searchBoxOne--&gt;
  </code></pre>
  
  <p>And the CSS:</p>
  
  <pre><code>.searchbox input {
  color: #b0b0b0;
  width: 430px;
  height: 28px;
  margin-top: 32px;
  padding: 10px 5px;
  float: left;    
  font-size: 20px;
  border: 0;
  border-radius: 4px 4px 4px 4px; 
  box-shadow: inset 0 0 6px #7b7a7a;     
  }
  
  .searchbox button{
  overflow: visible;
  position: relative;
  margin: 39px 0 0 -40px;
  border: 0;
  padding: 0;
  cursor: pointer;
  height: 40px;
  width: 36px;
  background:url(../images/srch_button.png) no-repeat;
  
  }
  </code></pre>
  
  <p>Any ideas on how to solve this? I appreciate your help.</p>