CSS-də yazının fon rəngi

Salam Dostlar, Men css-de bir problemlə qarşılaşdım … Deməli belə şəkildə gördüyünüz kimi background-color yalnız text-in arxasını tutur, onun css-ni nece düzəldim ki ətrafını da daxil etsin?

CSS:

.nav-bar ul{
list-style:none;
background-color:#724e2a;
border-radius:15px;
height:40px;
padding-top:15px;
padding-left:20px;
}
.nav-bar ul li{
height:40px;
padding-left:30px;
display:inline;
height:40px;
}

.nav-bar ul li a:link, .nav-bar ul li a:visited{
height:30px;
text-decoration:none;
font-size:16px;
font-family:Verdana, Geneva, sans-serif;
color:#FFF;

}
.nav-bar ul li a:hover, .nav-bar ul li a:active{
width:30px;
height:30px;
text-decoration:none;
font-size:16px;
font-family:Verdana, Geneva, sans-serif;
color:#FFF;
background-color:#bdbe49;
}