centrering af div midt i browseren

Følgende kode er de to første divs i mit layout:

#bg
{
    position:absolute;
    top: -10px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
}

#container
{
    position:absolute;
    margin-left: auto;
    margin-right: auto;
    width: 1024px;
    border-style: solid;
    border-color: #adadad;
    border-width: 1px;

}


bg div udfylder hele browseren og containeren er mit egentlig site,.. Mit problem er så at jeg ikke kan få containeren til at ligge centreret vertikalt, det ligger godt nok som det skal midt i browseren horizontalt.

How to? :)