title: Center Nav Bar Elements
body: <pre><code>&lt;div id="wrapper" class="hfeed"&gt;
  &lt;div id="access"&gt;
    &lt;div id="menu"&gt;
      &lt;ul&gt;
        &lt;li class="page_item page-item-2"&gt;&lt;a title="About" href="/?page_id=2"&gt;About&lt;/a&gt;&lt;/li&gt;
  
        &lt;li class="page_item page-item-20"&gt;&lt;a title="Support" href="/?page_id=20"&gt;Support&lt;/a&gt;&lt;/li&gt;
  
        &lt;li class="page_item page-item-22"&gt;&lt;a title="Links" href="/?page_id=22"&gt;Links&lt;/a&gt;&lt;/li&gt;
  
        &lt;li class="page_item page-item-47"&gt;&lt;a title="About" href="/?page_id=47"&gt;About&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  &lt;/div&gt;&lt;!-- #access --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My current CSS:</p>
  
  <pre><code>div#menu {
  background:#000;
  height:1.5em;
  margin:1em 0;
  }
  
  div#menu ul,div#menu ul ul {
  line-height:1;
  list-style:none;
  margin:0;
  padding:0;
  }
  
  div#menu ul a {
  display:block;
  margin-right:1em;
  padding:0.2em 0.5em;
  text-decoration:none;
  }
  
  div#menu ul ul ul a {
  font-style:italic;
  }
  
  div#menu ul li ul {
  left:-999em;
  position:absolute;
  }
  
  div#menu ul li:hover ul {
  left:auto;
  }
  </code></pre>
  
  <p>Is my menu however I'm not sure how to centre it in the middle of the page.</p>