[placing an element at the bottom of a page centered]

Sorry I just wrote it quickly as an example.

So if I make parent position relative, then it will work?

[placing an element at the bottom of a page centered]

I want a div at the bottom of another div, and I want it centered, just using css not javascript.

HTML
<div id="parent">
      <div id="bottom_element">test</div>
</div>


CSS
#parent {height:100% width:100%}
#bottom_element {position:absolute; bottom:5px; width:200px; margin:0 auto}

So the issue is that position absolute and margin auto do not seem to work together. What is an alternative without javasript?