Centering Issue

[theflyingminst]

Hi all, I downloaded a template from here (http://freecssxhtmltemplates.com/freecarandautomotive****************.php).

It defaults to having everything on the left side of the page.. What I want to do is center everything. I managed to do that for all of the divs with margin: 0 auto but I can't get the topmenu to center. Here's the code. Thanks so much.

<div id="topmenu">
<a name="search_box"></a>
<ul>
<li><a href="index.asp">Home</a></li>
<li><a href="search_cars.asp">Inventory</a></li>
<li><a href="#">Specials</a></li>
<li><a href="financing.asp">Financing</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>

</div><!-- end id top menu -->


#topmenu
{
margin: 0 auto 0 auto;
height: 30px;
position: relative;
overflow: hidden;
background: #000;
padding-top: 8px;
}
#topmenu ul
{
height: auto;
position: relative;
overflow: hidden;
}
#topmenu ul li
{
margin: 0 auto 0 auto;
padding: 0;
list-style-type: none;
display: inline;
line-height: 1.2em;
}
#topmenu ul li a
{
margin: 0 auto 0 auto;
padding: 0 10px 0 20px;
position: relative;
color: #fff;
text-decoration: none;
font-size: 1em;
font-weight: bold;
}
#topmenu ul li a:hover
{
background: url("images/image2.jpg") left center no-repeat;
}

[nickelleon]

I cant find anything wrong with what was provided. I need to see how #topmenu lives with the other html elements. Can you provide a link to the site so I can take a look at all the html and css and see if I can find an issue?

[theflyingminst]

Hey, I figured it out actually. I just needed to establish the width. The reason I posted this topic is because I could have SWORN I had tried that already. Thanks so much!