“down” state not working on css/ js navigation bar

[CurseDoX]

I cannot get the 'visited' state to work on my navigation bar. I want the buttons to show up green when the user visits that page.jfiddle is: http://jsfiddle.net/2gpUm/I also put the code temporarily at http://www.customizemycover.comhere is the code i used for the visited state:\[code\]ul#menu li a visited {background:url(http://www.customizemycover.com/sprite2.png) no-repeat scroll bottom left;display:block;position:absolute;top:0;left:0;height:100%;width:100%;z-index:100;} ul#menu li a.home:visited {background-position: 0px -162px;}ul#menu li a.portfolio:visited {background-position: -159px -162px;}ul#menu li a.order: visited {background-position:-316 -162px;}ul#menu li a.about:visited {background-position:-473px -162px;}\[/code\]I've just been learning CSS/html/js over the past 2 weeks on my own so it may be something real simple, or I may be looking at this the complete wrong way.Do i need to change my Java script at all? I would think it would not be necessary if css alone can do it?Any help would greatly be appreciated!