title: CSS problem with Safari - renders link inside h1 with nasty uneven underline
body: <p>I have something like this</p>
  
  <pre><code>&lt;h1&gt;
    &lt;a href="/" title="Home"&gt;Home&lt;/a&gt;
  &lt;/h1&gt;
  </code></pre>
  
  <p>Very simple. IE, FF render it smoothly, underline works fine. Safari does this weird thing I've never seen before, it underlines "Home" only where the font serifs &amp; curves DONT touch the underline, i.e. the letter "H" would get underline <strong>between</strong> the two "pillars" (sounds weird i know), and where those two touch the underline, the latter becomes much lighter in color (#eee vs #000).</p>
  
  <p>UPDATE:
  Apparently Safari's not rendering the link well when there's</p>
  
  <pre><code> text-shadow: 0px 2px 1px #fff;
  </code></pre>
  
  <p>Is there a particular reason for this?</p>