[RESOLVED] how to center CSS!

[tobymac]

This is my css menu! here is the page http://www.hcrindienetwork.com/index2.php

here is the code for the menu that i want centered

<link rel="stylesheet" type="text/css" href="menu/menuh.css">
<link rel="stylesheet" type="text/css" href="menu/menuv.css">
<!--[if lt IE 7]>
<style type="text/css" media="screen">
#menuh{float:center;}
body{behavior:url(menu/csshover.htc); font-size:100%;}
#menuh ul li{float:center; width: 100%;}
#menuh a{height:1%;font:bold 0.7em/1.4em arial, sans-serif;}
</style>
<![endif]-->




<div id="menuh">
	<ul>
		<li><a href="index.php">HOME</a></li>
		</ul>


<ul>

	<li><a href="shop.php">SHOP</a></li>
		</ul>



<ul>

	<li><a href="aboutus.php">ABOUT US</a></li>
		</ul>




<ul>
	<li><a href="contactus.php">CONTACT US</a></li>


</ul>	

</div>

[bululu]

Add the following declaration to your style sheet. It appears you have a fixed width layout so centering it should be relatively easy.

#menuh {
text-align: center;
}

This should center text within the menuh div. Just make sure your menu items has the right padding and margins between them.

Alternatively since you have a fixed layout, you can apply a large left margin by using a css selector to select the ul element of your menu. something like so should work, add the declaration below to your style sheet.:

#menuh ul {
margin-left: 220px; /You can tweak the size of the margin until it's centered/
}
You may consider validating your code. You have so many html errors. Add an xhtml to firefox, it will help alert you to invalid code.