Как центрировать div?

У меня проблема с центрированием div в HTML (по вертикали и горизонтали ). Мой код выглядит примерно так:

<div id="container">SOME HTML</div>

#container{
    width: 366px;
    height: 274px;
    margin: 50%;
    top: -137px;
    left: -188px;
    position:absolute;
}

Только хром центрирует этот div в середине экрана.