Hello, I am having problem to align the navigation bar to the center. I had numerous attempt to add code (e.g. text-align: center; vertical align: middle) to different css but it is still not working. its still float to the left at the moment. It can be viewed at http://www.obsexxion.comThe CSS code is as follow:
#HeaderLower {display: block;position: relative;z-index: 3;padding: 0 35px;font-size: 15px;font-family: 'Questrial', sans-serif;font-weight: bold;font-style: normal;text-transform: uppercase;min-height: 1px;text-align: center;}#HeaderLower .sf-sub-indicator {background: url(../../Outdoor/images/white/subDrop2.png) 0 0 no-repeat !important;width: 4px !important;height: 7px !important;top: 50% !important;margin-top: -4px !important;right: 5px !important;opacity: 1 !important;filter: alpha(opacity = 1) !important;display: none;}#HeaderLower .PageMenu, #HeaderLower .CategoryList {}#HeaderLower #Menu .First {display: none; }#HeaderLower h2 {display: none;}/* Horizontal Category List (Default & Flyout) */#SideCategoryList {padding: 0;margin: 0;}#HeaderLower ul {display: block;text-align: center;list-style-type: none;margin: 0;padding: 0;width: auto;}#HeaderLower li {display: inline-block;float: left;padding: 0px 0px;line-height: 21px;height: 21px;position: relative;letter-spacing: 2px;width: auto;text-align: center} #HeaderLower li:first-child a {border-left: solid 0px;}#HeaderLower li a {display: block;padding: 0 10px 0 10px;text-align: center;}#HeaderLower li ul {display: none;position: absolute;top: 73px;left: 0;margin-left: 0px;z-index: 1;width: 220px;padding: 25px 0;}#HeaderLower li ul:before {content:"";display: block;width: 25px;height: 13px;position: absolute;top: -13px;left: 20px;margin-left: 0px;z-index: 1;}#HeaderLower li ul ul:before {display: none;}#HeaderLower li ul li {float: none;height: auto;padding: 0 20px;text-transform: capitalize;position: static;font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;font-size: 13px;letter-spacing: 0;}#HeaderLower li ul li a {border: solid 0px;display: block;padding: 8px 5px;}#HeaderLower li ul li a.hasSub {padding-right: 10px;}#HeaderLower li ul li a:hover {}#HeaderLower li ul li ul {top: 0;left: 220px;margin: 0;}
THANKS IN ADVANCE !!!!
Eric