title: Css style problems on input in IE8
body: <p>I have a problem getting the text in an input to show correct in Internet Explorer 8.
  Firefox, Safari and Chrome all show the same.</p>
  
  <p>Firefox, Safari and Chrome</p>
  
  <p><img src="https://i.stack.imgur.com/ok2jh.jpg" alt="Firefox, Safari and Chrome"></p>
  
  <p>Internet Explorer 8</p>
  
  <p><img src="https://i.stack.imgur.com/PauhF.jpg" alt="Internet Explorer 8"></p>
  
  <pre><code>    &lt;form action="" method="get"&gt;
         &lt;input id="q" name="q" type="text"&gt;
         &lt;input id="s" name="s" type="submit" value="Sök"&gt;
      &lt;/form&gt;
  
  #q {
      background:url(../../image_layout/search_field.png) no-repeat;
      width:209px;
      height:32px;
      padding:0 5px 0 5px;
      text-align:left;
      margin:0;
      border:0;
      font-family:Arial, Helvetica, sans-serif;
      font-size:14px;
      font-weight:bold;
      color:#09305b;
      font-weight:bold;
      position:absolute;
      left: 0px;
      top: 19px;
  }
  #s {
      background:url(../../image_layout/serach_buttom.png) no-repeat;
      width:56px;
      height:34px;
      padding:0;
      margin:0;
      color:#FFFFFF;
      font-family:Arial, Helvetica, sans-serif;
      font-size:14px;
      font-weight:bold;
      border:0;
      position:absolute;
      left: 225px;
      top: 17px;
  }
  </code></pre>