title: Align CSS Button in Center and add Rounded Corners
body: <p>I've tried using <code>position:center</code> and <code>middle</code> in the CSS. In the HTML code I've tried <code>align="center;middle"</code> but nothing seems to work. I need the button to be aligned in the center of the page and not to the left. I've replaced several codes but still nothing. The corners won't change either.</p>
  
  <p><a href="http://jsfiddle.net/LnSRb/" rel="nofollow">Fiddle</a></p>
  
  <p>Here's the HTML code:</p>
  
  <pre><code>&lt;div id='cssmenu'&gt;
    &lt;ul&gt;
    &lt;li class='has-sub last' id="iefix"&gt;
      &lt;a rel=nofollow href='#'&gt;&lt;span&gt;Choose a model&lt;/span&gt;&lt;/a&gt;
      &lt;ul&gt;
        &lt;li id="iefix"&gt;&lt;a rel=nofollow href='#'&gt;&lt;span&gt;iPhone 3GS&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li id="iefix"&gt;&lt;a rel=nofollow href='#'&gt;&lt;span&gt;iPhone 4&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li id="iefix"&gt;&lt;a rel=nofollow href='#'&gt;&lt;span&gt;iPhone 4S&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li class='last'  id="iefix"&gt;&lt;a rel=nofollow href='#'&gt;&lt;span&gt;iPhone 5&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>