Navigation not Displaying correctly

Permalink
Hi, my unordered list/navigation doesn't appear correctly on the regular site but when I'm editing it shows correctly. When I'm editing all the links are evenly spread apart horizontally & it is centered both horizontally & vertically. But when I'm out of the editing mode it shows like this:http://www.josiebabyonline.com/test/index.php?cID=1.... I can not seem to get it centered vertically when outside of the editing screen.

Ive tried adding margin-top & padding-top & nothing works. just remains the same. here is my css for my navigation:

#nav {
background-color:#000;
background-repeat: x-repeat;
width: 100%;
height: 50px;   
margin-top:50px;   
}
 #nav ul {   
   margin: 0px;
   padding: 15px;
 display: inline;  
width:400px;
height:50px;
}  
 #nav li {

josiebaby
 
KJLJon replied on at Permalink Best Answer Reply
KJLJon
Backup your old CSS code and try this (I think this is what your maybe looking for?). I just don't want it to be wrong after you put it in and leave you without your old code :)

Try this:
#nav {
   height: 50px;
   background-color:#000;
}
#nav ul {
   height:50px;
   margin:0;
   padding:0;
   text-align: center;
   list-style: none;
}  
#nav li {
   display: inline;
   height:50px;
   margin:0;
josiebaby replied on at Permalink Reply
josiebaby
You rock! it worked. Thank you so much!