Hi there, I am trying to have my links begin as #fff with a 50% transparency. This works. But when I try to style the a:hover to be #fff 100% it isn't working. The hover seems to keep the 50% transparency setting from the "ul"

I've tried a few things, to no avail, but let's see if you have an answer for me.

here is my css -- let me know if I am stepping beyond the possibility of this working without javascript.

#nava ul {
  width: 200px;
  margin: 248px 0 0 178px;
  padding: 0;
  font-weight: bold;
  list-style-type: none;
  text-decoration: none;
  color: #fff;
  opacity: 0.5;
  filter:alpha (opactiy=50); /*for IE8 and earlier*/
  background: transparent;
  position: absolute;
  z-index: 4;
}

#nava ul li {
  display: block;
  padding: 0;
  margin: 0;
  color: #fff;
  opacity: 1.0;
  filter:alpha (opactiy=100);/*for IE8 and earlier*/

}

#nava ul li a {
  color: #fff; 
  text-decoration: none;
  list-style-type: none;
}

#nava a:hover {
  color: #fff;
  list-style-type: none;
  text-decoration: none;
  opacity: 1.0;
  filter:alpha (opactiy=100); /*for IE8 and earlier*/
  background: transparent;
}

#nava li a#current {
  color: #fff; 
  list-style-type: none;
  text-decoration: none;
  opacity: 1.0;
  filter:alpha (opactiy=100); /*for IE8 and earlier*/
}