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 ? winksmiley.jpg)


Kod
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:

Kod
<body>
<div id="page">
<div id="header"></div>
<div id="main">
<div id="left">
LEWA KOLUMNA
</div>
<div id="right">
PRAWA KOLUMNA
</div>
</div>
</div>
<div id="footer"><h4>Footer</h4></div>