title: Blurry Text until Mouse Hovers over?
body: <p>Basically this is occurring in my theme: <a href="http://i48.tinypic.com/2iv1wjs.png" rel="nofollow">Click here to view an example</a>.</p>
  
  <p>And it soon becomes crisp and clear when I hover my mouse over it. I noticed this problem started to occur when I added class elements to my html which is the following:</p>
  
  <pre><code>a.navigation{
      color: {color:text};
      font-family: 'Georgia', sans-serif;
      font-size:15px;
      text-transform:lowercase;
      letter-spacing:2px;
  }
  a.navigation:hover:{
      color: {color:hover} !important;
      cursor: crosshair;
      text-decoration:none;
  }
  &lt;a href="/" class="navigation"&gt;Entries&lt;/a&gt;
  &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
  &lt;a href="/ask" class="navigation"&gt;Message&lt;/a&gt;
  &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
  &lt;a href="/archive" class="navigation"&gt;Records&lt;a/&gt;
  &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
  &lt;a href="/rss" class="navigation"&gt;Feed&lt;/a&gt;
  &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
  &lt;a href="/theme" class="navigation"&gt;Theme&lt;/a&gt;
  </code></pre>
  
  <p>Any ideas why this link might be affecting my other links in my theme? Thanks so much. Sorry if this is a beginners question.</p>