Ciao ragazzi ho un problema con il link nel menù!
Praticamente vorrei che quando si passasse sopra con il mouse cambiassero di colore,quello che ho selezionato e vorrei anche centrarli verticalmente,potete aiutarmi?
body {
background: url('body.jpg');
font-size: 14px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#FFFFFF;
padding: 0px;
margin: 0px;
}

a {color: #FFFFFF;}
a:visited {color: #FFFFFF;}
a:hover {color: #c43300;}
a:active { color: #c43300;}

/* ----------box centrale-------------- */

#container {

background: #228B22 url('bodycontent.JPG') top left;
border:1px solid #000000;
display:block;
position:absolute;
width:910px;
top: 50%;
left: 50%;
margin: -200px 0 0 -450px;
}




/* ----------logo-------------- */

#banner {

height: 114px;
text-align: center;
padding: 0px;
margin: 0px;
}
#banner img {padding:10px 0px;}




/* ----------content 1-------------- */

div#content_1 {

float: left;
line-height:1.4;
width: 50%;
background: url('bodycontent.jpg') top left;
margin-left: 5px;}




/* ----------content 2-------------- */

div#content_2 {

float: right;
line-height:1.4;
width: 45%;
background: url('bodycontent.jpg') top left;}




/* ----------content 3-------------- */

div#content_3 {

float: left;
line-height:1.4;
width: 35%;
background: url('bodycontent.jpg') top left;
margin-left: 5px;}





/* ----------content 4-------------- */

div#content_4 {

float: right;
line-height:1.4;
width: 60%;
background: url('bodycontent.jpg') top left;
margin-right: 5px;}




/* ----------menu-------------- */

#menu {
width: 910px;
height: 40px;
background: #000000;
}

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

#menu li {
display: inline;

}

#menu a {
display: inline;
height: 32px;
padding: 9px 20px 0 20px;
text-decoration: none;
color: #CCCCCC;
}