.menu-v { width:100%; margin:0px; padding:0px; font: 10pt arial; color: #fff;} ul.menu { margin: 0px 5px 0px 0px;} .menu-v li { list-style: none; margin: 0px 5px 0px 0px; border: none; padding-bottom, padding-top: 1px;} .menu-v li a:link { display:block; border-left:10px solid #0099CC; border-right:10px solid #0099CC; border-bottom:1px solid #09c; text-decoration:none; width:130px; padding:1px; background-color: #006699; font: 10pt arial; color:#fff;} .menu-v li a:hover { border-left:10px solid #0099CC; border-right:10px solid #0099CC; border-bottom:1px solid #09c; text-decoration:none; width:130px; padding:1px; background-color:#0099CC; font: 10pt arial bold; color:#fff;} .menu-v li a:visited { border-left:10px solid #0099CC; border-right:10px solid #0099CC; border-bottom:1px solid #09c; text-decoration:none; width:130px; padding:1px; background-color: #006699; font: 10pt arial bold; color:#fff;} .menu-v li a:active { display:block; border-left:10px solid #0099CC; border-right:10px solid #0099CC; border-bottom:1px solid #09c; text-decoration:none; width:130px; padding:1px; background-color: #006699; font: 10pt arial bold; color:#fff;}
O "pobrema" é que onde ja foi clicado (visited), não atende ao a:hover e não fica com a cor #0099CC como as bordas. Por que isso acontece??