How to center my Nav Bar

[Snot]

This is the html part of my code and it may be the problem.


<div id="navblock">
<ul id="mainNav">
<li><a href="../../index.php" title="Tarantula Database Home">Home</a></li>
<li><a href="../pages/search.php" title="Tarantula Database Search">Search</a></li>
<li><a href="../pages/submit.php" title="Tarantula Database Submit">Submit</a></li>
<li><a href="index.php" title="Tarantula Database Forum">Forum</a></li>
<li><a href="../pages/contact.php" title="Tarantula Database Contact">Contact</a></li>
</ul>
</div>


With the css code it was floating to the left and looked fine but it wan't centered. it look like like this

http://www.tarantuladatabase.com/this1.JPG

So I changed my css code to this


}

ul#mainNav li{
border-top: 1px solid #766454;
border-bottom: 1px solid #766454;
margin-right: auto;
margin-left: auto;
}

And that didnt work either

http://www.tarantuladatabase.com/assets/forum

Any idea how I can center it?

[allahverdi]

Can u insert here what css was here before?

[thetestingsite]

Try:



#navblock {
margin: 0 auto;
}


Hope this helps.

[boogyman]

Try:



#navblock {
margin: 0 auto;
}


Hope this helps.

you need to either include a width: property or a text-align:center; in order for the above code to work properly across all browsers.



#navblock {
margin: 0 auto;
width: 80%;
}