Gracias por las respuestas, hice lo que propusieron pero no se que sucede qu el resultado sigue siendo diferente, aqui lo que hice para ver que sucedia y poder ver como posicionaba firefox el texto, y como lo hacia IExplorer,
veo como IExplorer contiene el texto correctamente pero firefox me lo posiciona mas abajo, ahora este es el codigo que tengo en el html y css,
HTML
Código :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>titulo</title>
<link href="638Style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="contenedor">
<div id="header">
<div id="imagen">
<a href="index.html" ><img src="images/logo.jpg" alt="Inicio 638-Performance " width="145" height="90" border="0" /></a>
</div>
<div id="nav">
</div>
</div>
<div id="cuerpo">
</div>
<div id="footer">
<p>Powered by <a href="http://www.unlink.com" title="Diseño Web ">Maruchan</a></p>
</div>
</div>
</body>
</html>
CSS
Código :
body {
background-color:#000;
margin:2px auto;
text-align:center;
width:800px;
font-family:Arial, Helvetica, sans-serif;
}
#header, #footer, #cuerpo{
border:#fff 1px solid;
position:static;
}
#header{
height:90px;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
background-position:right;
}
#imagen{
float:left;
}
#cuerpo{
height:400px;
border-top:none;
}
#footer{
height:1em;
}
div#footer p{
border:#fff 1em solid;//aqui agrege un borde al texto para ver
//donde se posicionaba
color:#fff;
font-size:12px;
padding-right:1em;
float:right;
}
#footer a:link{
color:#fff;
text-decoration:none;
}
#footer a:hover{
color:#999;
text-decoration:underline;
}
no tengo ni idea de porque sucede esto.
Gracias a todos por su ayuda.
