navigation - block of white when roll over?

please help me, I am stuck, I have added display block on my a:link in my nav but I can't get the spacing right, I want to roll over and have a block of white?!
http://www.mutecms.com/cfs/index.html

#hd ul{
background-color:#333333;
height:40px;
left:0;
position:absolute;
top:210px;
width:950px;
}
#hd li{
display: inline;
padding:5px 15px;
margin-top: 10px;
font-size: 16px;
height:40px;
width:100%;

}
#hd li a{
display: inline block;
color: #ffffff;
text-decoration: none;
font-weight: bold;
}
#hd li a:hover{
color: #0CC1D6;
background-color: #FFFFFF;
text-decoration: underline;
padding:0px!important;
}

#hd li {/*sitestyle.css (line 72)*/
/*display:inline;*/
float:left;
font-size:16px;
height:40px;
/*margin-top:10px;*/
padding:0 15px;
/*width:100%;*/
}
#hd li a {/*sitestyle.css (line 81)*/
color:#FFFFFF;
float:left;
font-weight:bold;
line-height:40px;
text-decoration:none;
}