Center a div horizontally and vertically with CSS

.dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 480px;
    height: 320px;
    margin: -160px 0 0 -240px;   /* half the height, half the width */
}