Problema de incompatibilidad con IE

hola!
mi problema es que el index de mi pagina web no va bien con el IE, en firefox sale perfecta, centrada y todo pero en IE sale a la izquierda.

esta es mi pagina web: http://fotofarias.110mb.com

aqui les dejo el codigo fuente de mi index.
<html>
<head>
<title>Foto Far&iacute;as - Los Mejores Servicios Fotograficos.</title>
<META content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<META content="es" http-equiv="Content-Language">
<META content="Servicios Fotograficos de todo tipo: impresiones, revelado, ampliacion, digitalizacion, texturizado, enmarcado, eventos etc..." name="description">
<META content="foto, fotografia, servicios, fotograficos, ampliacion, digitalizacion, enmarcado, texturizado, revelado, estado de mexico, df, distrito federal." name="keywords">
<META content="all" name="robots">
<LINK REL="SHORTCUT ICON" HREF="favicon.ico">
<link rel="stylesheet" href="comun/estilo-index.css" type="text/css" media="all">
</head>
<body>





<h1 align="center">Servicios fotograficos de todo tipo: fotografias para documentos, para eventos, etc.</h1>

<div id="logo" align="center">[contenido no disponible]</div>
<div id="entrar">ENTRAR</div>

</body>

y este es el codigo de la hoja de estilos:

H1 {FONT-SIZE: 10px ; COLOR: orange;}

#logo {width: 507 ; margin: 0px auto}

#entrar {text-align:center ; font-size:25px; width: 120px; margin: 0px auto ; border:#000 2px solid}

A {TEXT-DECORATION: none; COLOR: purple}
A IMG {BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none}
A:LINK {}
A:VISITED {}
A:HOVER {COLOR: white ; background-color: grey ; DISPLAY: block;}
A:ACTIVE {COLOR: silver}

quisiera que me dieran opciones para que se vea igual en ambos esploradores

"gracias"
Por q no intentas agregando esto a la hoja de estilos?? (lo q agregue lo escribi en azul:

H1 {FONT-SIZE: 10px ; COLOR: orange;}

#logo {width: 507 ; margin: 0px auto; float: center}

#entrar {text-align:center ; font-size:25px; width: 120px; margin: 0px auto ; border:#000 2px solid; float: center}

A {TEXT-DECORATION: none; COLOR: purple}
A IMG {BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none}
A:LINK {}
A:VISITED {}
A:HOVER {COLOR: white ; background-color: grey ; DISPLAY: block;}
A:ACTIVE {COLOR: silver}
WiLL
mmmmm
ya lo he intentado wil
pero desafortunada mente
nada!.

igual gracias
esque en el css no se puede usar float:center, solo left y right
tendrias que crear una div global y poner
<div aling="center"><div id="global">
(todo el contenido)
</div></div>
Y si se prueba colocandole esto:
<center></center>

Y se le quita el float a la capa. :S
WiLL
wilfre505 escribió:Y si se prueba colocandole esto:
<center></center>

ok lo intentare
pero donde lo pongo???
al principio y al final de todo?
nekako, para estos casos lo mejor meter todo lo que quieres que se centre entre las etiquetas <div align="center"> y </div> (o <center> y </center> como dijo wilfre505)
Saludos
un agradecimiento a wil y a jugocan
me a ayudado mucho su consejo y bueno tambien a todos los q me quisieron ayudar
muchas gracias
suerte.
Pues de nada, x lo menos yo hago lo q puedo, aunq no sea mucho, jejeje

Saludos y suert con tu web, cualquier otra duda la dejas aca en el foro ;)
WiLL
Cualquier ayuda que vaya a lo preciso como la tuya es buena, wilfre505
Saludos :wink:
Ok ok, pes ser mejores s lo q todos queremos, y si podemos ayudar en algo pues lo hacemos. Salio medio poesia.. xD

;)