How do I center my navigation bar and background?
- by user2892958
nav-wrap {
background:url(nav-bg-blue.png) no-repeat top center;
height:39px;
padding-top:3px;
}
.no-header-page #nav-wrap {
background:url(nav-bg-nobanner-blue.png)
no-repeat top center;
height:43px;
padding-top:4px;
margin-bottom:30px;
}
#nav-wrap .container {
clear: both;
overflow: hidden;
position:center;
width:100%;
}
#nav-wrap .container ul {
list-style: none;
float: center;
}
#nav-wrap .container ul li {
list-style: none;
float: left;
background:url(nav-right-last.png) no-repeat top right;
padding-right:20px;
margin-left:-10px;
position:auto;
}
#nav-wrap .container ul span li {
background:url(nav-right-last.png) no-repeat top right;
}
#nav-wrap .container ul li a {
float: center; display: block;
font-family: 'News Cycle', sans-serif;
color: #fff;
text-decoration: none;
padding: 5px 10px 8px 20px;
border: 0;
outline: 0;
list-style-type: none;
font-size: 14px;
text-transform:uppercase;
letter-spacing:2px;
background:url(nav-left-first.png) no-repeat top left;
line-height:25px;
text-shadow:0 -1px 2px rgba(0,0,0,0.3);
}
#nav-wrap .container ul li#active,
#nav-wrap .container ul li:hover{
background:url(nav-hover-right-last-brown-red.png) no-repeat topright;
z-index:1;
}
#nav-wrap .container ul li:hover a,
#nav-wrap .container ul li#active a,
#nav-wrap .container ul li a:hover {
border: 0;
background:url(nav-hover-left-brown-red.png) no-repeat top left;
}
.wsite-nav-0 {
margin-left:0 !important``
}
