Menu background not changing completely

[MacGiver]

I am developing a menu bar. I amm done but left with the hover action. I am looking for the whole background of the menu to change but the menu background only changes behind the text.Here is the fiddle.\[code\]<div class="nav"> <ul> <li ><a href="http://stackoverflow.com/questions/14071728/#">Zardari</a></li> <li><a href="http://stackoverflow.com/questions/14071728/#">Kutta</a></li> </ul></div>?\[/code\]Here is the css,\[code\].nav{background:#454545;line-height:1;overflow:hidden;position:relative; padding-top:10px;padding-bottom:10px; padding-left:10px;}.nav a{ color:#fff;text-decoration:none; font-style:italic; margin-right:10px;} .nav i{position:relative;top:-3px} .nav li{float:left;overflow:hidden} .nav ul{list-style:none;margin:0;overflow:hidden;padding:0;width:100%} .nav .active{background:#454545} .nav ul a:hover{ color:#FFF; background:#000; }?\[/code\]Thanks in advance.