title: Center DIV with fixed (bottom) position
body: <p>I cant seem to be able to center #testmenu no matter what... I've tried dozens of combinations in CSS but without luck. Please take a minute to have a look and save my hair from being completely pulled out. </p>
  
  <pre><code>#abc {
      position:absolute; 
    bottom: 0;
      width:100%;
      left:0;
      text-align:center; /* IE 5.x centering */
  }
  
  #testmenu {
      line-height:2em;
      width:960px;
      color:#FFF;
      background:#00F;
    background:#C00;
      margin:0 auto;
  }
  
  &lt;div id="abc"&gt;
      &lt;div id="testmenu"&gt;
          This should remain 'fixed' bottom center.
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here's a simple jsfiddle of what I'm after: <a href="http://jsfiddle.net/mXTmF" rel="nofollow">http://jsfiddle.net/mXTmF</a> and also working demo of the page: <a href="http://ht-webcreations.com/vildiridis/index.php" rel="nofollow">http://ht-webcreations.com/vildiridis/index.php</a></p>