title: anchors and regular links - styling
body: <p>In a webpage I'm building I use anchors for easy navigating. The styling of these anchors in IE6 gives me some troubles.</p>
  
  <pre><code>&lt;div class="text"&gt;
      &lt;h3&gt;&lt;a class="anchor" name="custom_name"&gt;Title&lt;/a&gt;&lt;/h3&gt;
      Lorem ipsum &lt;a href="otherpage.aspx"&gt;dolor&lt;/a&gt; sit amet.
  &lt;/div&gt;
  </code></pre>
  
  <p>With this CSS:</p>
  
  <pre><code>.text 
  {
      color: #000;
  }
  
  .text a[href] 
  {
      color: #ea2026;  //red
  }
  
  .anchor, .anchor:hover
  {
      color: #a9a18c;  //gray
      text-decoration: none;
  }
  </code></pre>
  
  <p>In FF and IE7+, no problems. But in IE6, the  links are white (as defined in the body selector) because it has issues with the .text a[href]. When I remove the [href] though, the anchors become red in all browsers (naturally). In firefox the hover still gives an effect, but not in IE.</p>
  
  <p>Is there a way to style the anchors differently than the regular links in both FF and IE6? Obviously the class "anchor" doesn't help much...</p>
  
  <p><strong>Edit</strong> - Sorry, this is what I want:<br>
  All regular links have to be red (the href's). All the anchors have to be the h3 colour, gray. When I hover over a regular link it underlines, and a hover over one of the anchors should virtually change nothing.</p>