How to center my ul?

[1234567890]

I have a nav menu you can see here:

http://mibsolutionsllc.com/payne/

I am having issues centering the blocks. So instead of having them start on the left, start in the center. I cannot find an easy answer, any CSS gurus out there can help me out? I am sure it's an easy answer.

[cbVision]

Here's your css for the menu

#menu {
margin:0 0 10px 0;
padding:0;
list-style-type:none;
float:left;
width:100%;
background: #E2E3E4;


}

I would try removing the float:left;

[1234567890]

That does nothing.

[skilled1]

remove the float and add align:center;

[1234567890]

For #menu, align: center or text-align: center does nothing.

[PierceMoore]

Have you tried using "text-align:center" on the parent element?

[WebWarrior]

You must remove the float property from both #menu and #nav.
You also need to set the width of the object you wish to center, which in this case is #nav. The sample code below illustrates how it can be done.
You might want to experiment with a different width (instead of 91%) to suit your needs.

#menu
{
background-color: #E2E3E4;
height: 50px;

}

#nav
{
list-style: none;
margin: 0 auto; /* center aligns fixed-width element */
width: 91%; /* Fixed width must be used */
}

#nav li
{
float: left;

}

#nav li a
{
display: block;
background-color: #9E9F9F;
text-decoration: none;
padding: 5px 15px;
margin-right: 10px;
float: left;
}

[David Harrison]

You will not be able to centre elements that are floated to either side. Instead, you can set display:inline; on the <li>s and set text-align:center; on the <ul>. Also, you can get rid of those <span> elements while you're at it, the padding can easily be applied to the links themselves.