title: css text decoration none not working in chrome
body: <p>Here is the HTML and CSS code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#spanUpdBrowserSuggestions a {
      font-family: Tahoma, Geneva, sans-serif;
      font-size: 12pt;
      font-weight: bold;
      text-decoration: none;
      color: #000000;
  }
  
  #spanUpdBrowserSuggestions a:hover {
      color: #FF0000;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;span name="spanUpdBrowserSuggestions" id="spanUpdBrowserSuggestions"&gt;
  &lt;ul&gt;
    &lt;li&gt;&lt;a href="http://www.mozilla.com/en-US/firefox/new/" target="_new"&gt;Firefox&lt;/a&gt;&lt;br&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="http://www.opera.com/download/" target="_new"&gt;Opera&lt;/a&gt;&lt;br&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="http://www.google.com/chrome/index.html" target="_new"&gt;Chrome&lt;/a&gt;&lt;br&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="http://windows.microsoft.com/en-US/internet-explorer/downloads/ie" target="_new"&gt;Explorer&lt;/a&gt;&lt;br&gt;&lt;/li&gt;
  &lt;/ul&gt;                   
  &lt;/span&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>In Firefox, Opera, even IE it displays as it should: black links normally and red on hover. in Webkit-based browsers though (Google Chrome and Safari) it displays as normal blue links with underline.</p>
  
  <p>Any ideas what's wrong?</p>