Centering issue...quick fix?

Ok, in my sig, the site SearchBliss Web Tools has a top navbar (blue with white links). I want the links centered and I can't get it ti work. The problem is I am currently using padding which looks fine in FF and Opera, but is too far left on IE...so how can I center it so it looks good on all browsers?

Here id the CSS section in question:

#menu{
width:950px;
height:60px;
margin:0 auto;
background:#6AA2FD url(images/img04.gif);
}
#menu a{
display:block;
[B]float:left;
padding:18px 14px 0 14px;[/B]
text-decoration:none;
font-size:1.5em;
font-weight:bold;
color:#FFFFFF;
}

Code (markup):

I bolded the section that I'd need to change to get it to center. margin:0 auto didn't work, and text-align:center didn't either???
Any suggestions would be great?
Thanks!

 

Quick reply,

My guess is that you should give style to <ul> and <li> too.

 

Try adding this to your code:

ul {
 margin: 0 auto;
}

Code (markup):

 

Issue is resolved, thanks!

 

Interesting

 

Why is it "interesting"?

 

yes i also resume my problem by solvig this in this method