title: Visited link property overrides current page item
body: <p>Im coding for quite a while but it seems i never got this problem before, or i just forget the tweak,  so anoying:)</p>
  
  <p>I have a wordpress site set up, the menu links are a:(textual)</p>
  
  <p>the css defined(part):</p>
  
  <pre><code>link (color:white;)
  visited (color:white;)
  hover (color:black;)
  active (color:black)
  </code></pre>
  
  <p>now the problem is, i defined </p>
  
  <p>current-menu-item </p>
  
  <p>in wordpress, everything seams to change except the font color...
  it seems "visited" is overriding the color...
  how to fix this?</p>
  
  <p>css:</p>
  
  <pre>#pages ul li { float: right; display: block; height: 37px; padding: 0px; }
          #pages ul li a:link { float: left; color: #FFF; display: block; height: 29px; font-size: 11px; padding: 7px 20px 0px 20px; margin: 0px; }
  
  #pages ul li a:visited {float: left; color:#fff; display: block; height: 29px; font-size: 11px; padding: 7px 20px 0px 20px; margin: 0px;}
  
  #pages ul li a:hover { background-position: top; background-repeat: no-repeat; margin: 0px; color: black;}
  #pages ul li a:active {background-position: top; background-repeat: no-repeat; margin: 0px; color: black;}
  .current-menu-item a:link, .current-post-ancestor a:link, .current-menu-parent a:link, .current-post-parent a:link {background-position: top; background-repeat: no-repeat; margin: 0px; color:black; }
  </pre>