CSS menu

[TheCandyman]

I have a css menu, and i'm trying to get it to show a different color for the page that is showing. Take a look here:

http://www.westernregional.org/faq.asp

I want the FAQ on the navagation to be a different color, but i can't seem to get it working. I assigned an ID="current" but i'm missing something in the css. I have the html for it as

<div class="buttonscontainer">
<div class="buttons">
	<a href="[URL unfurl="true"]http://www.WesternRegional.org/faq.asp"[/URL] id="current">FAQs</a>
</div>
</div>

and css for that is

.buttonscontainer {width: 211px;}
.buttons a {color: #FFFFFF;
	border-bottom: 1px solid;
	border-color: #e9e9e9;
	background-color: #86BAD6;
	font: 13px Verdana, sans-serif;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 0px;
	width: 100%;
	text-align: left;
	padding-left:12px; padding-right:5px; padding-top:6px; padding-bottom:6px}
.buttons a:visited {color: #FFFFFF; text-decoration: none}
.buttons a:hover, a:active {color: #FFFFFF; background-color: #5f98b7; border-color: #fff; text-decoration: none}

.buttons a:current {color: FFFFFF; background-color: #5f98b7; border-color: #fff; text-decoration: none}

Not sure what i missed... anyone??

 

[traingamer]

.buttons A#current

Greg
"Personally, I am always ready to learn, although I do not always like being taught." - Winston Churchill

 

[traingamer]

But it looks like you already figured that out.

 

[TheCandyman]

just messing around and accidently got it... sort of, but i kind of want an arrow to show to the right. But that seems to cancel out the .hover and .active

.buttons a#current {color: FFFFFF; background-color: #5f98b7; border-color: #fff; text-decoration: none; background:url([URL unfurl="true"]http://www.westernregional.org/images/linkarrow.gif)[/URL] no-repeat center right;}

 

[TheCandyman]

Well, i don't know what to say, it works in IE7 but not FF1.5.09

Any thoughts? Otherwise i'll just leave it i guess. Thanks for your help btw

 

[traingamer]

.buttons a:hover#current , etc.

 

[Vragabond]

That is completely correct syntax to accomplish what you want. I don't think it cancels out the hover and active, but since the latter two create exactly the same style, the change is not visible at all.