Active kleur klopt niet

Beste PHPers,

Ik ben momenteel bezig met een layout en ik kom er niet uit.

Het gaat om een menu, ik gebruik hier een class active, en bij die class komt er een achtergrond bij en wordt de tekstkleur wit.

Nu klopt de achtergrond wel maar de kleur wordt niet aangepast.

Wie kan mij helpen?

De code:

#menu {
	list-style:none;
	float:right;
	display:block;
	font-family:Calibri, Arial;
	font-style:italic;
	font-weight:bold;
	color:#4c4c4b;
}

#menu li {
	float:left;
	display:block;
	margin:10px 5px;
}

#menu li a {
	color:#4c4c4b;
	text-decoration:none;
	padding:5px;
}

#menu li a:hover {
	background-color:#c65604;
	border-radius:5px;
	color:#FFF;
	padding:5px;
}

.active {
	color:#FFF;
	text-decoration:none;
	background-color:#c65604;
	border-radius:5px;
}

<ul id="menu">
	<li><a href="#" class="active">Home</a></li>
	<li><a href="#">Huidanalyse</a></li>
	<li><a href="#">Tarieven</a></li>
	<li><a href="#">Cabines</a></li>
	<li><a href="#">Aanbiedingen</a></li>
	<li><a href="#">Contact</a></li>
</ul>

Ik ben er wel achter dat als ik de css bij #menu li a weghaal, dat de active dan klopt, maar dan klopt de rest van het menu weer niet.

Alvast bedankt!