Diferencia Explorer, Firefox

Bueno, hice mi primera pagina y me quedo muy buena en Explorer, peor al intentar verla en Firefox esta colada al margen izquierdo.

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body{background-color: #FFE1FF;text-align: center}
#todo {width: 800px; text-align: center}
#capa {broder: 1px solid #B22222}
h1 {font-size: 2.0em; color:#B22222 ;font-weight: bold ; text-decoration: underline ; text-align: center }
#mail {font-size: 1.0em; color:#B22222 ;font-weight: bold; text-align: center}
#mail li {list-style: none}
#contenido {border-top:1px solid #FFC0CB}
#contenido p {color: #B22222; padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: #FFC0CB ; width: 150px ; float: left ; text-align: left; margin-right: 10px; margin:3px 10px 3px 3px;border:1px solid #B22222 }
#menu li { list-style: none ;margin: 2px 0px 4px 2px}
a {text-decoration:none; color:#B22222}
a:hover {background-color:#FFE1FF; color: #B22222; text-decoration:underline}
#fotoivete {float: right;margin-left: 10px; margin:3px 2px 3px 3px; broder: 1px solid #B22222}
p {text-align:left}

Esta es mi pagina de estilo, en donde estoy errando?