title: Linear-gradients artifacts in Mozilla Firefox
body: <p>I have problem with linear-gradient in Mozilla Firefox 16.
  <img src="https://i.stack.imgur.com/W0TRN.jpg" alt="firefox linear-gradient artifact"></p>
  
  <p>On screenshow bad thing is visible (bad - light line at the bottom of block).</p>
  
  <p>Code:</p>
  
  <pre><code>&lt;a href="#"&gt;Button Text&lt;/a&gt;
  </code></pre>
  
  <p>And CSS part:</p>
  
  <pre><code>a {
      background: -moz-linear-gradient(center top , #88EB52, #3CA82D);
      border: 1px solid #399A29;
      border-radius: 4px 4px 4px 4px;
      color: #FFFFFF;
      display: block;
      float: left;
      font-size: 16px;
      font-weight: bold;
      line-height: 54px;
      margin-bottom: 20px;
      margin-top: 20px;
      text-align: center;
      text-decoration: none;
      width: 376px;
  }
  </code></pre>
  
  <p>I've changed line-height property on screenshot .</p>
  
  <p>Can anyone describe what is it line and how to hide it?!</p>
  
  <p>Thank you. Sorry for my English.</p>