How can I get my menu control to center?
<p>I'm using ASP.Net's Menu control <a href="http://msdn.microsoft.com/en-us/library/ecs0x9w5%28v=vs.80%29.aspx" rel="nofollow">http://msdn.microsoft.com/en-us/library/ecs0x9w5%28v=vs.80%29.aspx</a>, which I'm trying to position. </p>

<p>Markup for the menu is this </p>

<pre><code>&lt;asp:Menu ID="SiteMenu" runat="server" Orientation="Horizontal" BorderColor="Blue" Font-Size="XX-Large" StaticMenuItemStyle-BackColor = "Pink" StaticMenuItemStyle-HorizontalPadding = "11"&gt;
    &lt;Items&gt;
        &lt;asp:MenuItem Text="Articles" Value="New Item"&gt;&lt;/asp:MenuItem&gt;
        &lt;asp:MenuItem Text="Wiki" Value="New Item"&gt;&lt;/asp:MenuItem&gt;
        &lt;asp:MenuItem Text="Forums" Value="New Item"&gt;&lt;/asp:MenuItem&gt;
        &lt;asp:MenuItem Text="Links" Value="New Item"&gt;&lt;/asp:MenuItem&gt;
    &lt;/Items&gt;
&lt;/asp:Menu&gt;
</code></pre>

<p>So I just figured I'd add  tags around it, </p>

<pre><code>&lt;div horizontal-align:center&gt;
&lt;asp:Menu ID="SiteMenu" runat="server" Orientation="Horizontal" BorderColor="Blue" Font-Size="XX-Large" StaticMenuItemStyle-BackColor = "Pink" StaticMenuItemStyle-HorizontalPadding = "11"&gt;
    &lt;Items&gt;
        &lt;asp:MenuItem Text="Articles" Value="New Item"&gt;&lt;/asp:MenuItem&gt;
        &lt;asp:MenuItem Text="Wiki" Value="New Item"&gt;&lt;/asp:MenuItem&gt;
        &lt;asp:MenuItem Text="Forums" Value="New Item"&gt;&lt;/asp:MenuItem&gt;
        &lt;asp:MenuItem Text="Links" Value="New Item"&gt;&lt;/asp:MenuItem&gt;
    &lt;/Items&gt;
&lt;/asp:Menu&gt;
&lt;/div&gt;
</code></pre>

<p>but nah that didn't work. So what's my next move?</p>
