CSS3 Меню, как изменить цвет фона

Question

Я хочу добавить цвет фона ON Mouser Over для меню CSS3, я нашел что-то в stackoverflow, но он не работает для меня .... я думаю, что мне нужно что-то изменить .menu a {}, но я не знаю, что .... кто-нибудь может мне помочь?

Благодаря

#menu, #menu ul { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
} 

body{margin: 0 auto;} 
    .menu100percent { 
background: #cce2ff; /* Old browsers */ 
background: -moz-linear-gradient(top, #cce2ff 1%, #75bdd1 26%, #002a6d 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#cce2ff), color-stop(26%,#75bdd1), color-stop(100%,#002a6d)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(top, #cce2ff 1%,#75bdd1 26%,#002a6d 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(top, #cce2ff 1%,#75bdd1 26%,#002a6d 100%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(top, #cce2ff 1%,#75bdd1 26%,#002a6d 100%); /* IE10+ */ 
background: linear-gradient(to bottom, #cce2ff 1%,#75bdd1 26%,#002a6d 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cce2ff', endColorstr='#002a6d',GradientType=0); /* IE6-9 */ 


    color: white; 
    font-size: 16px; 
    height: 30px; 
    width:100%; 
} 
.menu{width:1000px; margin: 0 auto; } 
.menu a{color:#fff; font-size:12px; line-height:370px; font-family:Arial; text-decoration:none; text-align: left;} 

Answer 1

Используйте :hover селектор:

.menu:hover a { 
    background-color: gold; 
} 

Answer 2

Используйте код CSS:

.menu a : hover { 
    background-color: gold; 
} 

Fiddle: http://jsfiddle.net/snP3Z/3/