Почему не работает меню

[oke11o]

Вот HTML:

<div id="cn-menu">
	<div id="cn-menu-bg">
		<ul>
			<li><a href="#main" class="main">Home</a></li> 
			<li><a href="#foto" class="foto">foto</a></li> 
			<li><a href="#menu" class="menu">menu</a></li> 
			<li><a href="#music" class="music">music</a></li> 
			<li><a href="#interier" class="interier">interier</a></li> 
			<li><a href="#reserv" class="reserv">reserv</a></li> 
			<li><a href="#contact" class="contact">contact</a></li> 
			</ul>
		</div>
	</div>

И CSS:

#cn-menu ul { list-style: none; padding: 0; margin: 0 auto; width: 504px; height: 20px; background-color: #001e16;	position: relative; }
	#cn-menu a { display: block; position: absolute; width: 72px; height: 20px; text-indent: -900%; background: url(../i/menu_nav.png) no-repeat; outline: none; }

		#cn-menu .main		{ left: 0px;   top: 0px; background-position: 0 -20px; }
		#cn-menu .foto		{ left: 72px;  top: 0px; background-position: -72px -40px; }
		#cn-menu .menu		{ left: 144px; top: 0px; background-position: -144px -40px; }
		#cn-menu .music		{ left: 216px; top: 0px; background-position: -216px -40px; }
		#cn-menu .interier	{ left: 288px; top: 0px; background-position: -288px -40px; }
		#cn-menu .reserv	{ left: 360px; top: 0px; background-position: -360px -40px; }
		#cn-menu .contact	{ left: 432px; top: 0px; background-position: -432px -40px; }
		#cn-menu .main li a:hover	{ background-position: 0 -20px; }
		#cn-menu .foto li a:hover	{ background-position: -72px -20px; }
		#cn-menu .menu li a:hover	{ background-position: -144px -20px; }
		#cn-menu .music li a:hover	{ background-position: -216px -20px; }
		#cn-menu .interier li a:hover	{ background-position: -288px -20px; }
		#cn-menu .reserv li a:hover	{ background-position: -360px -20px; }
		#cn-menu .contact li a:hover	{ background-position: -432px -20px; }

Картинка такая:

Почему не работает псевдо класс a:hover? Вроде правильно сделал.

[Vlad]

Надо писать a.music:hover, у вас же класс music непосредственно к ссылке добавляется.

[oke11o]

Надо писать a.music:hover, у вас же класс music непосредственно к ссылке добавляется.

Точно. Спасибо.