visited link settings messing up my menu

[Gibb]

Howdy all,

I'm trying to setup some CSS buttons so that the bgcolor changes when the user tabs over them. I've already setup the mouseover effects and that works fine.

If a link has been visited, then my "active" settings will no longer work when i tab through my menu. I tried getting rid of the visited piece altogether, but the menu looks really messed up then.

How do i get the a:visited to mimic my a:link, but still allow my a:active to have priority?

Here's a screenshot of the menu:

[polvero]

Hi,
Make sure you order looks like the following:

a:link { }
a:visited { }
a:hover { }
a:active { }

[Gibb]

Hi,
Make sure you order looks like the following:

a:link { }
a:visited { }
a:hover { }
a:active { }

still didnt work :(

Here's my block of code from the CSS file (most of this is from a sitepoint article anyway, i just modified it to make borders around each piece)

a.vertical:link
  {
  text-decoration:none;
  color:#000000;
  background:#8CA2D6;
  border-style:solid;
  border-color: #181C18;
  border-width:2px;
  font-weight: bold;
  width: 150px;
  }



a.vertical:visited
  {
  text-decoration:none;
  color:#000000;
  background:#8CA2D6;
  border-style:solid;
  border-color: #181C18;
  border-width:2px;
  font-weight:bold;
  width: 150px;
  }

a.vertical:hover
  {
  text-decoration:none;
  color:black;
  #background:#FFD600;
  border-style:solid;
  border-color: #181C18;
  border-width:2px;
  font-weight:bold;
  width: 150px;
  }

  a.vertical:active
  {
  text-decoration:none;
  color:black;
  #background:#8CA2D6;
  background:#FDD600;
  border-style:solid;
  border-color: #181C18;
  border-width:2px;
  font-weight:bold;
  width: 150px;
  }

.verticalBorder
  {
  background:#181C18;
  border-style:solid;
  border-color: #181C18;
  border-width:2px;
  width:154px;
  }

And here's how i use it:

echo '<div class="verticalBorder" align="center">';
echo '<a href="index.php" class="vertical" title="Home Page">Home</a><br>';
echo '<a href="how.php" class="vertical" title="Learn how to use the service">How to Use</a><br>';
echo '<a href="how.php" class="vertical">Some test link</a><br />';
echo '</div>'; 

[Gibb]

actually that fixed it. I just had to clear my cache,
thanks!