Help. Centering Expandable Div Menu

DANDAN · 04-10-2008, 09:09 PM

Code =

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">

#menu ul {float

eft;list-style-type:none;margin:0px;padding:0px;width:800px;backg round:#5EBACA;}
#menu ul li {float

eft;background:url('start.gif') no-repeat;margin-right:10px;}
#menu ul li a {float

eft;background:url('end.gif') no-repeat;background-position: 100% 0%;padding-left:10px;padding-right:10px;font:12px Arial;text-decoration:none;font-weight:bold;color:#FFFFFF;line-height:30px;}
#menu ul li a:hover {text-decoration:strike;}
body {
background-color: #5EBACA;
}
-->
</style>
<link href="css.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div align="center" id="menu">

<div align="left">
<ul>
<li><a href="">Home</a></li>
<li><a href="">News</a></li>
<li><a href="">About</a></li>
<li><a href="">Services</a></li>
<li><a href="">Contact Us</a></li>
</ul>
</div>
</div></body>
</html>