CSS Menu Justification IE/Opera Vs. Mozilla

I am having an issue with menu text justification at the following:

http://www.geocities.com/doctor_wirehead/index.htm

The issue is that the menu text appears to be justified to the left when viewed in Netscape and Firefox, but appears as desired in Opera and IE.

The CSS code I am using is:

#navlist ul {
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
text-align: center;
font-size: .72em;
}
#navlist li {
margin: 0;
}
#navlist a {
display: block;
padding: 2px 2px 2px 2px;
border: 1px solid;
border-color: #ddd #000 #000 #ddd;
background-color: #336666;
background-image: url();
background-repeat: no-repeat;
background-position: 0% 50%;
}
#navlist a:link, #navlist a:visited {
color: #fff;
text-decoration: none;
}
#navlist a:hover, #navlist a:active {
background-color: #CAD8D8;
background-image: url();
background-repeat: no-repeat;
background-position: 0% 50%;
color: #2D1E2D;
}

}
#logoDiv {
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
}
#contentdiv {
line-height: 1.5;
background-color: #FFFFFF;
}
#contentdiv p {
font-size: .8em;
}
h1, h2, h3 {
margin: 0 0 6px;
color: #333333;
}
h3 {
margin-top: 16px;
}
p {
margin: 0px 0px 16px;
}
#footer {
font-size: .75em;
margin-top: 36px;
}
-->

#navlist a {height: 1em; float: left; clear: both; width: 100%;}

#navlist a {height: 1em;}

I am not sure what I need to add/change to make it appear somewhat consistent across all browsers. Any help would be appreciated.

Thanks,

Todd