Final way to centralize liquid element vertical and horizontally (with CSS3)

centralizer.css

/*
The world need to know about this.

Most part taken from: http://pt.stackoverflow.com/a/166/1754 (its in portuguese)

IE 9+ , Chrome , Firefox , Opera , iOS 3.2+ , Android 2.1+ , IE Mobile 10+
*/

.centralize-me{
    position:absolute; /*fixed works too*/
    top:50%;
    left:50%;
    width:90%; /*can be anything you want, even calc() */
    height:90%; /*can be anything you want, even calc() */
    overflow:auto; /*this puts scrollers if the content inside this element is bigger then the element itself, you can remove if you want */
    
    /*Here the magic begins*/
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

Example here: http://jsfiddle.net/Y2naL/