How To Center Div Within Another Div?

I'm learning how to use the position relative/absolute. However, I've come a little stuck. I'm trying to horizontally center a div within a div but when I add margin: 0 auto; it do

Solution 1:

Just remove the position:absolute; property for #inner

Fiddle: http://jsfiddle.net/Q8NVH/7/