salve a tutti.... forse mi sto rinco******ndo

sto facendo una pagina con bg e div centrati verticalmente.

con questo codice
background-image:url('imgs/bg.jpg');
background-position:center;
background-repeat:repeat-x;
la mia immgaine di sfondo dovrebbe posizionarsi al centro della pagina e ripetersi solo in orizzontale giusto?
ed in effetti in IE si vede come dovrebbe... come mai in FF no?

vi posto tutto il codice
<HEAD>
<STYLE type=text/css media=screen>

BODY, html {
background-image:url('imgs/bg.jpg');
background-position:center;
background-repeat:repeat-x;
padding:0px; margin:0px;
text-align:center;
LINE-HEIGHT: 2em; FONT-FAMILY: Verdana, sans-serif;
}
#container {
position:absolute;
top:50%; left:50%;
width:300px; height:150px;
margin-left:-150px;
margin-top:-75px;
padding:0px;
BACKGROUND: #8a9;
COLOR: #fff;
}
</STYLE>

</HEAD>
<BODY>
<DIV id=container>CENTRATO</DIV></BODY>