problema float:center en google-crome y mochila zorrofuego

Hola

Tengo un problema donde los float center en goggle-crome y firefox, donde los divs o capas se me van para la izquierda.

los divs son:

#centro
#indice

y

#indice2
#texto-indice

La página es:
http://newgenerationxxi.com/cineyanime/lord-of-the-rings.html


Acá esta el fragmento de la hoja de estilo.

#contenido { background-image: url(objetos/dos-torres.jpg) ; width: 875px ; height:950px; background-repeat: no-repeat ; clear:both;}

#izquierda {float:left ; width:100%}
#izquierda p {margin: 5px 10px 0px 10px ; text-indent: 15px }
#menu1 {width: 230px ; float:left ;
text-align:left ; margin: 10px 10px 3px 10px ;
background-image: url(cineyanime/objetos/menu-inferior2.gif);
background-position: bottom ;
padding-bottom:5px }
#menu1 li {list-style:none ; margin: 4px 8px 4px 10px }
#menu1 h1 {text-decoration:none ; font-size:12px ; padding-
top:12px ; background-image: url(cineyanime/objetos/menu-
superior2.gif) }
#centro {float:center ; background-color: green}
#indice {float: center ; background-color: white ; width: 350px ;
height: 125px ; margin-top: 50px ; margin-right:63px ; }

#indice2 {float:center ; width:875px; height: 300px ; background-color: yellow }
#texto-indice {float: center ; background-color: pink ; width:
350px ; height:200px; margin-right:58px ; }
#banner {float: left ; height: 200px ; margin: 15px 10px 3px
14px; clear:both;}



...



Acá les dejo el fragmento del código Html.

<div id="contenido">
<div id="izquierda">
<div id="menu1">
<h1><font color="blue"><font size="2">Menú</font></font></h1>
<ul>

Realidad-fantasía

El Señor de los anillos</>

The Matrix

Saint Seiya

Comic Superhéroes

Thundercats

Magic the Gathering

RPG (role playing game)
</div>
<div id="centro">




<font face="Bell MT"><font size="6px"><h1><font color="white">El Señor de los Anillos</font></h1></font></font>
<div id="indice">


<h1><font face="Bell MT"><font color="blue"><font size="5">Índice</font></font></h1>




Fr. Robert barron comment on Lord of the Rings</p>


</div>
<div id="indice2">
<div id="banner">[contenido no disponible]</div>
<div id="texto-indice">


<ul>


Una investigación en la simbología de Tolkien</p>






Un experto avala la dimensión cristiana de Tolkien y ‘El Señor de los Anillos’









</div>
</div>

Ya lo solucioné

El float: center, no existe!!

Simplemente saqué el float: center y puse float: left y luego de poner margin: 0 , le puse margin-left hasta que me quede centrado.

No se, busque info en la web y la toquetee tanto que ya no se como lo que va y no va. Lo que si, se me ve bien en todos los navegadores (zorrofuego, gogle-crmo e internet explorador)

Saludos a todos.
jaja, estoy tan acostumbrado al Html-kit que me pasa que luego de escribir en este foro apreto CTrl S para grabar lo escrito. jaja

Así me ha quedado el fragmento del stylo:

#contenido { background-image: url(objetos/dos-torres.jpg) ; width: 875px ; height:950px; background-repeat: no-repeat ; clear:both;}
#capa {float:left ; width:100%}
#capa p {margin: 5px 10px 0px 10px ; text-indent: 15px }
#menu1 {width: 230px ; float:left ;
text-align:left ; margin: 10px 10px 3px 10px ;
background-image: url(cineyanime/objetos/menu-inferior2.gif);
background-position: bottom ;
padding-bottom:5px }
#menu1 li {list-style:none ; margin: 4px 8px 4px 10px }
#menu1 h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(cineyanime/objetos/menu-superior2.gif) }
#centro {float:left ; position: center ; margin: 0 auto ; margin-left: 100px}
#indice {float:left ; background-color: white ; width: 350px ; height: 125px ; margin: 0 auto ; margin-top: 50px }
#indice2 { float:left ; width:875px; height:auto ; margin: 0 auto }
#indice2 p {margin: 5px 10px 0px 10px ; text-indent: 15px }
#texto-indice {float:left ; width: 350px ; background-color: white ; padding-top:12px ; margin: 0 auto ; margin-left: 117px }
#banner {float: left ; height: 200px ; margin: 15px 10px 3px 14px; clear:both; margin: 0 auto ; margin-left:13px ; margin-top:20px }
#contenidouno {float: left ; width: 875px ; margin-top:40px}