hover sur article

Bonjour,
J'ai un problème lorsque je mets un hover sur un article et que je veux changer la couleur de fond. Seulement les <p> de l'article changent quand je les survole.

Ce que je devrai avoir :
http://image.noelshack.com/fichiers/...05145-bien.jpg

Ce que j'ai :
http://image.noelshack.com/fichiers/...2-pasbien1.jpg http://image.noelshack.com/fichiers/...7-pasbien2.jpg

Mon code HTML :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html> 
 
<div id="taab">
	<aside>
		<h1>Latest news</h1>
	        <article>
			<p class="date">april 28th 2013, 09:36</p>
			<p>Warning: the date of the submission deadline has changed !</p>
		</article>
		<article>
			<p class="date">april 12th 2013, 12:51</p>
			<p>The submission system is online !</p>
		</article>
		<article>
			<p class="date">march 3rd 2013, 16:12</p>
			<p>New hotels selection in the accomodation page</p>
		</article>
	</aside>
</div>

Mon code CSS :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
#taab {
	display : table;
	width : 1500px;
	margin : auto;
}
 
aside{
	display : table-cell;
	width:200px;
	margin:0 30px 20px 30px;
	padding:10px;
	background-color : #EEEDEF;
}
 
aside h1{
	font-size:17px;
	font-weight : bold;
	margin:0 0 10px 0;
	text-align : right;
}
 
article{
	width : auto;
	background:#CDCBCD;
	margin:0 0 10px 0px;
	padding:5px;
	color : black;
}
 
article :hover  {
	background-color :#FFA537;
}
 
.date{
	font-weight : 500;
	font-size:13px;
	text-align:right;
	color : black;
}

Merci pour votre aide !

Bonjour,

il faut supprimer l'espace entre les deux points et article.

Merci beaucoup, c'était effectivement le problème !!