CSS: hover pe pagina curenta ?!?!?

In navigation bar am butoane pe care le vreau hover atunci cand te afli pe pagina corespunzatoare butonului.

nav bar-ul are urmatoarele proprietati:

/* Navigation */


div#navmenu {
	width: 100%;
}			
	div#navmenu-wrapper {
		width: 1007px; height: 39px;
		margin: 0 auto;
	}

div#navmenu ul {
	display: block;
	width: 100%;
	height: 39px;
	margin: 0 auto;
	padding: 0px;
	list-style-type: none;
}
	div#navmenu ul li {
		display: block;
		float: left;
		height: 39px;
	}
	div#navmenu ul li.rss {
		float: right;
		padding-right: 10px;
	}
		div#navmenu ul li a, div#navmenu ul li a:visited {
			font-family: "Trebuchet MS", Verdana, sans-erif;
			display: block;
			float: left;
			font-size: 11px;
			font-weight: bold;
			padding: 0 24px 0 24px;
			margin-top: 7px;
			line-height: 32px;
			color: #101010;
			text-decoration: none;
		}
		div#navmenu ul li > a:hover, div#navmenu ul li.current_page_item > a, 
		div#navmenu ul li.current_page_item > a:visited {
			background-color: #101010;
			color: #fff;
			margin-top: 6px;
			padding: 0 23px 0 23px;
			border-top: 1px solid #fcc47f;
			border-left: 1px solid #fcc47f;
			border-right: 1px solid #fcc47f;
		}

div#navmenu ul li ul {
	width: auto;
	display: block;
	float: left;
}
	div#navmenu ul li.current_page_item ul li a, div#navmenu ul li.current_page_item ul li a:visited {
		background: url(/images/background-navmenu.gif) -7px left repeat-x;
		border: none;
		margin-top: 7px;
		color: #000;
	}
	div#navmenu ul li.current_page_item ul li a:hover {
		background: #101010 none;
		color: #fff;
		margin-top: 6px;
		padding: 0 23px 0 23px;
		border-top: 1px solid #fcc47f;
		border-left: 1px solid #fcc47f;
		border-right: 1px solid #fcc47f;
	}
	div#navmenu ul li ul li a:hover, div#navmenu ul li ul li.current_page_item a {
		background: #101010 none;
	}

... iar mai jos sunt butoanele din nav bar:

<div id='navmenu'>
		<div id='navmenu-wrapper'>
			<ul>

				<li class='current_page_item'><a expr:href='data:blog.homepageUrl'>Nume buton</a></li>
<li class='page_item'><a href='#' title=''>Nume buton</a></li>
<li class='page_item'><a href='#' title=''>Nume buton</a></li>
<li class='page_item'><a href='#' title=''>Nume buton</a></li>
<li class='page_item'><a href='#' title=''>Nume buton</a></li>

			</ul>

		</div>
	</div>

Ce am de facut?

Gasesti raspunsul la Hicksdesign si CSS-Tricks.
Spor la treaba!