problem med .current i meny

Hejsan. Vet inte om det är jag som är helt blind eller inte.
Men det är så att jag försöker att fixa så att det blir att den sidan jag är inne blir markerad i menyn. Men absolut inget händer. Och jag tror det har något med min .current class att göra. då jag vill att den ska få en speciell bakgrunds färg när man är inne på te,x start sidan.
Så här ser iallafall koden ut.

css:

#menu{
    width: 100%;
}
#menu ul{
    margin: 0; padding: 0;
    float: left;
}
 
#menu ul li{
    display: inline;
}
 
#menu ul li a{
	float: left;
	text-decoration: none;
	color: #000;
	font-size: 100%;
	font-family: "Comic Sans MS", cursive;
	margin-right: 15px;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	width: auto;
	-webkit-transition: background-color 1s linear;
	-moz-transition: background-color 1s linear;
	-ms-transition: background-color 1s linear;
	-o-transition: background-color 1s linear;
	transition: background-color 1s linear;
}
 #menu ul li a:visited{
	color: #000;
}
 #menu ul li a:hover {
	-webkit-transition: background-color .15s ease;
	-moz-transition: background-color .2s ease;
	transition: background-color .2s ease;
	background-color: #d1d8cb;
	background-color: rgba(192,200,186,.6);
}
#menu ul li a em{
	font-family: "Comic Sans MS", cursive;
	font-size: 70%;
	text-decoration: none;
	display:block;
}
#menu ul li a.current{ background:#D1D8CB;
}

HTML

  
<div id="menu">
      <ul>
	<li class="current"><a href="#">Home <em> testar</em></a></li>
		<li><a href="#">Link</a></li>
		<li><a href="#">Link</a></li>
		<li><a href="#">Link</a></li>
		<li><a href="#">Link</a></li>
      </ul>
</div>

Hej. Du har a.current i css:en men har satt current-klassen på li-taggen i din html.

hehe a det var jag som var blind :P
tackar så mycket för hjälpen :)

Inga problem :)