title: Google chrome a:visited background image not working
body: <p>(before I start I should say yes, I have done all the stupidity checks, yes the link is in my history and has been visited etc)</p>
  
  <p>I'm using Chrome version 6.0.472.63, although it's important that this works on all browsers.</p>
  
  <p>It works on Firefox, IE and Opera.</p>
  
  <p>Basically all i'm trying to do is change the background image of a link if the link has been visited.</p>
  
  <p>I've done alot of trial and error testing so bear with me for multiple examples.</p>
  
  <p>This is what I had originally</p>
  
  <pre>
  .forum_box .title a {
   background-image:url(../images/f_unread.png);
   background-position:10px center;
   background-repeat:no-repeat;
   background-color:transparent;
   color:#2D4054;
   font-size:14px;
   padding:10px 12px 10px 44px;
   text-decoration:none;
   display:block;
   font-weight:bold;
  }
  .forum_box .title a:visited {
   background-image:url(../images/f_read.png);
  }
  </pre>
  
  <p>Works in every browser except Chrome. Next I tried just making it a colour rather than image.</p>
  
  <pre>
  .forum_box .title a:visited {
   background-color:red;
  }
  </pre>
  
  <p>Same again, however I changed the link to #fff instead of transparent and the visited link changed red, so apparently the bg colour only works if you set a bg colour for the parent.</p>
  
  <pre>
  .forum_box .title a {
   background-image:url(../images/f_unread.png);
   background-position:10px center;
   background-repeat:no-repeat;
   background-color:#fff;
   color:#2D4054;
   font-size:14px;
   padding:10px 12px 10px 44px;
   text-decoration:none;
   display:block;
   font-weight:bold;
  }
  .forum_box .title a:visited {
   background-color:red;
  }
  </pre>
  
  <p>However it still doesn't solve my image problem. So in one final attempt I tried this in the hope that for some reason Chrome would only work when the same properties where present in both.</p>
  
  <pre>
  .forum_box .title a {
   background:#fff url(../images/f_unread.png) no-repeat 10px center;
   color:#2D4054;
   font-size:14px;
   padding:10px 12px 10px 44px;
   text-decoration:none;
   display:block;
   font-weight:bold;
  }
  .forum_box .title a:visited {
   background:#fff url(../images/f_read.png) no-repeat 10px center;
  }
  </pre>
  
  <p>That didn't work either and again continued to work on Firefix, Opera and IE. So I come here to Stack Overflow very confused.</p>
  
  <p>Any help would be greatly appreciated!</p>
  
  <p>UPDATE:
  I've attempted a jQuery solution, although it still doesn't work. Despite having :visited links and I can confirm their visited state by changing the font color to red. jQuery('a:visited').length returns 0.</p>