centrera menyn

Hej

Hur får jag min meny centrerad med hjälp av css?

Har följande kod:

#bottom {
	background-image:url(../bilder/top_bakgrund.gif);
	background-repeat:repeat-x;
	height:32px;
}

#bottom ul{
	float: left; 
	font:12px Verdana, Helvetica, sans-serif;
	padding:0;
	padding-top:10px;
	width:300px;
}
#bottom li{
	display: inline;
}

        <div id="bottom">
        	<ul>
            	   <li>Start</li>
                <li>Email</li>
             </ul>          
        </div>

hur löser jag detta??

Tacksam för all hjälp :stud

#bottom ul{
        margin-right:auto;
        margin-left:auto;
}

eller med shorthand

#bottom ul{
        margin:0 auto;
}

och

#bottom ul{
        padding:10px 0 0 0;
}

tack, den översta funkade :bire