problema para centrar un menu de mi web hola, como estan, espero que bien.
alguien me puede ayudar a centrar este menu porfavor?!
el codigo es este
<!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>
<div align="center">
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>alinear el menu en el centro</title>
<script src="SpryAssets/SpryMenuBar.js"
type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css"
rel="stylesheet" type="text/css" />
</div>
</head>
<body>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li>
<div align="center"><a
class="MenuBarItemSubmenu" href="#">inicio</a>
<ul>
<li><a href="#">Elemento 1.1</a></li>
<li><a href="#">Elemento 1.2</a></li>
<li><a href="#">Elemento 1.3</a></li>
</ul>
</div>
</li>
<li>
<div align="center"><a href="#">la
radio</a></div>
</li>
<li>
<div align="center"><a
class="MenuBarItemSubmenu" href="#">progamacion</a>
<ul>
<li><a class="MenuBarItemSubmenu"
href="#">Elemento 3.1</a>
<ul>
<li><a href="#">Elemento 3.1.1</a></li>
<li><a href="#">Elemento 3.1.2</a></li>
</ul>
</li>
<li><a href="#">Elemento 3.2</a></li>
<li><a href="#">Elemento 3.3</a></li>
</ul>
</div>
</li>
<li>
<div align="center"><a
href="#">contactenos</a></div>
</li>
</ul>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
{imgDown:"SpryAssets/SpryMenuBarDownHover.gif",
imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
les agradesco de antemano.
