:hover в блочном меню. Что не так?

[Утро]

Я новичок. Пытаюсь создать сайт пока на локалке и столкнулся с такой проблемой. Не меняется фон в меню при наведении на него мышью. Путь к картинке правильный. Проверял несколько раз. Последний раз, для верности, указал путь к картинке через контекстное меню Dreamweaver, так что с этим ошибок быть не может.

Вот код:

<div id="menu">

<p><a href="#">Главная</a></p>
<p><a href="#">Классификация</a></p>
<p><a href="#">Инструменты</a></p>
<p><a href="#">Установка</a></p>
<p><a href="#">Полезные советы</a></p>
<p><a href="#">Работы</a></p>

</div>

Вот стили:

 #menu {
	width: 220px;
	border: none;
	padding: 0px;
	margin-left: 10px;
	float: left	
}

	#menu p {

	text-align: center;
	margin: 0 0 1px
	}

	#menu a {
    background: url(images/ita.jpg);
	display: block;
	text-decoration: none;
	color:#FFF;
	padding: 10px
	}

	#menu a: hover {
    background: url(images/mil.jpg);
	color: #000
	}

Еще раз поясню. Фон ita.jpg вижу, а заменяющий его mil.jpg при наведении мыши не появляется. Подскажите, пожалуйста, в чем тут проблема?

P.S. Пытался присвоить фон и тегу P:

 #menu {
	width: 220px;
	border: none;
	padding: 0px;
	margin-left: 10px;
	float: left	
}

	#menu p {
    background: url(images/ita.jpg);      
	text-align: center;
	margin: 0 0 1px
	}

	#menu a {
	display: block;
	text-decoration: none;
	color:#FFF;
	padding: 10px
	}

	#menu p: hover {
    background: url(images/mil.jpg);
	color: #000
	}

картина та же, что и с тегом А.

[Николя223]

#menu a:hover

[Утро]

Да уж. Видимо мне еще учиться и учиться. Не знал что пробел что-то решает.

Спасибо за подсказку Николя

[Николя223]

он много чего решает когда внутри будет много элементов, проэксперементируйте так #menu a :hover

будете удивлены

Edited May 3, 2013 by Николя223