title: Centering and keeping centered a Horizontal dropdown Menu
body: <p>I've created a fixed, 100% width nav bar that spans the top of my page; the only problem is I can't get the drop down menu headings to stay centered as the page is resized, or, for that matter, at all... they're floated left at the moment. </p>
  
  <p>Here's the <a href="http://jsfiddle.net/LinksTune/qkrxx/embedded/result/" rel="nofollow">full screen result</a> and <a href="http://jsfiddle.net/LinksTune/qkrxx/" rel="nofollow">the code</a>.</p>
  
  <p>Everything I have tried so far has been breaking the drop-down menu attachments to the menu headings.</p>
  
  <p>Thanks for the help,<br />
  Link</p>