Question

http://pastehtml.com/view/bfzerlo1m.html

How do I position the red box in the CENTER + in the BOTTOM of the orange div?

Both height and width of the red box is dynamic and different from box to box..

(It needs to work in all browsers including IE7 + IE8)

Answer 1

HTML

<DIV class="wrapper"><div class="redbox"></div></div>

CSS

.wrapper{
  position: absolute;
  bottom: 0; left: 0; right: 0;
}
.redbox{
  margin: 0 auto;
}