Активный пункт меню

wikicms, эмм..работает вроде, но как-то некорректно)
к примеру, прописал свойства color и background со значением red, а отображается на активной странице только 2 красные полоски вертикальные с 2-х сторон от блока пункта меню.
скрин — http://s002.youpic.su/pictures/1353704400/4db49a2c806d29e4d278c2de63ecc6a2.jpg

на скрине плохо наверное видно, сайт тот же вобщем))

как поправить-то в самом css? и чтоб эффект hover сохранился, но фон активной страницы отображался полноценно (ну и цвет текста тож)?

.current_page_item {
color:red;
background:red;
z-index:9999;
}
#hmenu {
	float:right;
	width:auto;
	border:0;
	padding:0;
	position:relative;
	bottom:25px;
	right:2px;
	height:0;
	margin-bottom:-23px;
}
#hmenu ul {
	width:auto;
	float:right;
	list-style:none;
	padding:0;
	margin:0;
}
#hmenu ul li {
	display:inline;
	float:left;
	width:auto;
	padding:0;
	margin:0;
}
#hmenu ul li a {
	display:block;
	background:#1E1E1E;
	color:#c6c8c9;
	padding:4px 20px;
	margin:0 1px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bolder;
	font-size:1.2em;
}

#hmenu ul li a:hover, #hmenu ul li.hmenu_rss a:hover {
	background-color:#B78F64;
	color: #fff;
}
#hmenu ul li ul {
	padding:0.5px 0 0 0;
	position:absolute;
	display:block;
	visibility:hidden;
	z-index:599;
}
#hmenu ul li.hmenu_rss ul {
	right:0;
}
#hmenu ul li:hover ul {
	visibility:visible;
}
#hmenu ul ul li {
	display:block;
	float:none;
	width:auto;
}
#hmenu ul ul a {
	margin:1px;
}
#hmenu ul li.hmenu_rss a {
	background:#27567a url('images/feed.png') no-repeat 95% 50%;
	padding:4px 30px 4px 20px;
}