title: Weird White Line appears on buttons in Internet Explorer
body: <p>I have a critical HTML issue: a weird white line appears on buttons in Internet Explorer.</p>
  
  <p><strong>Example of Original Mockup -</strong> </p>
  
  <p><img src="https://i.stack.imgur.com/rHwPd.jpg" alt="Original"></p>
  
  <p>Button HTML - </p>
  
  <pre><code>&lt;input type="button" Class="buttonAll" value="Regenerate" onClick="Captcha();"/&gt;
  
  &lt;input type="submit" value="Save" onclick="" class="buttonAll"&gt;
  </code></pre>
  
  <p>My UI HTML does not include any <strong>Doctype</strong> and I have a criteria to do only Cosmetic changes.</p>
  
  <p>I tried to Apply CSS in 2 ways:</p>
  
  <p><strong>Using BG Image -</strong></p>
  
  <p><img src="https://i.stack.imgur.com/iuPe3.jpg" alt="using Bg Image"></p>
  
  <p>CSS for the above:</p>
  
  <pre><code>background:#92110d url(../images/bg-all-buttons.gif) repeat-x 0 0;
  </code></pre>
  
  <p><strong>Using CSS Gradient -</strong></p>
  
  <p><img src="https://i.stack.imgur.com/L8bpl.jpg" alt="Using CSS Gradient"></p>
  
  <p>CSS:</p>
  
  <pre><code>input[type="button"], input[type="submit"], .buttonAll {
  
      overflow:visible; display:inline-block; cursor:pointer;  
      outline:0px none; width: auto; vertical-align:middle;
      margin:3px 6px 3px 0px; padding:2px 6px; border:1px solid #804240; 
  
      /*background:#92110d url(../images/bg-all-buttons.gif) repeat-x 0 0;*/
  
      background: #92110d;    background-repeat:repeat;
      background: -webkit-gradient(linear, left top, left bottom, from(#f04b47), to(#92110d));
      background: -moz-linear-gradient(center top, #f04b47, #92110d);
      filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f04b47', endColorstr='#92110d');
  
      text-align:center; text-transform:capitalize; color:#fdfad9; font-size:11px!important; }
  </code></pre>
  
  <p>Both of the above code works well in FF and Chrome.</p>
  
  <p>Is there is any possibility that it happens due to Events Focus / Active / Blur<br>
  I want to know how can I remove this white Line?</p>