[css] jak wyśrodkować tło pod headerem?

Układ strony: cała wyśrodkowana, na górze obrazek header.jpg, pod spodem tło bg.jpg i na nim dwie kolumny treści strony. A jeszcze w tle tlo.jpg

I teraz tak. W Firefoxie mi się wszystko dobrze pokazuje, tylko nie widać bg.jpg czyli tła które jest w #page - ma się ono pionowo potwarzać przez całą wysokość strony i ma być na szerokość 734 i wyśrodkowane. Obecnie jest float: left i się pokazuje po lewej stronie, ale jak to wyśrodkować ? Nie ma chyba czegoś takiego jak float: center, prawda ? ;))

html, body { background-color: #000000;

        background-image: url("images/tlo.jpg");

        background-repeat: repeat-x;

	margin: 0px auto;

        padding: 0;

        text-align: justify;

        color:#FFFFFF;

        font-family: verdana, trebuchet, arial;

        font-size:8pt;

        font-weight: normal; }


#header { 

	width: 734px;

        height: 422px;

        background-image: url("images/head.jpg");

        background-repeat: no-repeat;

        margin: 0 auto;

}


#page {

	width: 734px;

        margin: 0 auto;

	background-image: url(images/bg.jpg);

        background-repeat: repeat-y;

}


#main {

	width: 650px;

        margin: 0 auto;

}

#right {

	width: 300px;

	float: left;

}

#left {

	float: right;

	width: 300px;

}


#footer {

	width: 734px;

	margin: 0px auto;

	padding: 3px 0px;

	height: 50px;

	background: #EEEEEE;

}


#footer p {

	margin: 0px;

	padding-top: 15px;

	text-align: center;

	font-size: 11px;

	color: #999999;

}



A:link {background: #FF8000; text-decoration: none}


A:visited {background: #FF8000; text-decoration: none}


A:active {text-decoration: none}


A:hover {text-decoration: underline; color: FF8000;}

I kod html:

LEWA KOLUMNA

PRAWA KOLUMNA

Footer

[/code]

http://algorytmy.pl/doc/xhtml/?id=3008

Niestety ale to nie działa