Dwa tła centrowane bez względu na rozdzielczość, czyli udręki z dużymi rozdzielczościami Opcje

[Sky_walker]

Mam następujący problem:
Na stronie chciałbym mieć dwa tła - jako jedno samopowtażającą się grafikę w osi x, a jako drugie - dużą grafikę (szerokość 1150px) która powinna być zawsze wycentrowana.

CSS wygląda tak:

body {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
background: #070602 url('img/bg.jpg') repeat-x top;
margin: 0px;
}
#tlo2 {
margin: auto 0;
background: url('img/layout_top.jpg') no-repeat top;
width: 1150px;
height: 177px;
text-align: left;
}

Jak się nie trudno domyślić - efektem tego mamy #tlo2 w rozdzielczości 1024x768 wyrównane do lewej. Kiedy mamy rozdzielczość 1200 albo większą - jest ok.

Jak centrować div'a #tlo2 bez względu na rozdzielczość?