Css, pozycjonowanie i z-index Opcje

[prz-emo]

Witam, mam problem - tworząc stronę, wyśrodkowałem ją, tworząc po jej prawej i lewej stronie 2 divy, które różnią się tłem i powtarzają je w miarę potrzeby. Wszystko git pod operą, ff, ie8 - ie7 nie działa pierwszy z tych divów odpowiedzialnych za tło, zaczyna się on po prostu razem z #body. Oto kod xhtml:

[HTML] pobierz, plaintext 
<div id="bgLeft"></div>
    <div id="bgRight"></div>
 
    <div id="body">
[HTML] pobierz, plaintext 

i css:

Kod

#bgLeft {
    width: 50%;
    height: 100%;
    background-color: #191919;
    background-image: url('../images/backgroundLeft.gif');
    background-repeat: repeat-x;
    position: fixed;
    z-index: 1;
}

#bgRight {
    width: 50%;
    height: 100%;
    background-color: #191919;
    background-image: url('../images/backgroundRight.gif');
    background-repeat: repeat-x;
    position: fixed;
    margin-left: 50%;
    z-index: 2;
}

#body {
    width: 1024px;
    margin: 0 auto;
    position: relative;
    background-color: #191919;
    z-index: 3;
    padding: 28px 0;
}

Link do strony: http://folio.prz-emo.com
Z góry dziękuję za pomoc.