title: JSF outputLink rendered underlined
body: <p>Good evening. I followed the tutorials of <a href="http://www.primefaces.org/showcase/ui/tooltip.jsf" rel="nofollow">primefaces</a> to use some of its controls, I used the outputLink:</p>
  
  <pre><code>&lt;h:outputText value="Fade: " /&gt;  
  &lt;h:outputLink id="fade" value="#"&gt;  
      &lt;h:outputText value="Fade Effect" /&gt;  
  &lt;/h:outputLink&gt; 
  </code></pre>
  
  <p>the outputLink got underlined on mouseover however when I tried to use it, it's rendered in the page underlined by default, I want to know why that happens? </p>