title: removing the one pixel clearance when using CSS text-decoration: underline
body: <p>I have the following CSS and markup on my site which produces an underline when I hover over the <code>Account</code> link.</p>
  
  <p>By default, the underline is shown one pixel clear of the text. Is it possible to have the underline <em>directly</em> under the text <em>without</em> the one pixel clearance.</p>
  
  <p>I would like this for all links on my site, if possible.</p>
  
  <pre><code>a:active {
      outline: none;
  }
  
  a.current {
      text-decoration: underline;
      color: #000000;
      outline: none;
  }
  a:hover, a.active {
      color: #000000;
      outline: medium none;
      text-decoration: underline;
  }
  
  &lt;a href="http://www.ayrshireminis.com/account/login/"&gt;Account&lt;/a&gt;
  </code></pre>