Vaya muchas gracias, ya va bien en los dos. He aprendido a definir los estilos de textos. Aún así creo que sigo haciendo algo incorrecto, porque ahora la capa siguiente, se desajusta en ambos. ¿Es que no puedo usar la misma definición para mas de una capa?. Que raro, yo creia que esa era la diferencia entre las capas que empiezan por un punto y las que empiezan por #. También ocurre que el Firefox empieza el texto pegado a la imagen y el explorer no.
Te pego el código depurado. Y por si hace falta la página la he subido también en la siguiente dirección,
http://hispalisrbz.iespana.es/8marzo.htm 
No se que pasa, la página se ve centrada en el explorer en mi pc, y en el servidor no.
Mas raro aún, aquí se ve bien.
http://es.geocities.com/rbzhispalis/8marzo.htm ¿Esto tiene explicación?
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>
<title>Intento de CSS 8 de marzo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="all">
#contenedor {
width:1024px;
height:4000px;
text-align:left;
border:1px solid #c03;
margin-top:0;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
}
h1 { width:1000px;
height:50px;
text-align:center;
margin-top:20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 50px;}
.capa img{float:left;
margin-left: 45px;
margin-right: 45px;
margin-top: 50px;
border-width: 6px;
border-style: solid;
color: #000000;}
.capa2 img{float:left;
margin-left: 10px;
margin-right: 10px;
margin-top: 50px;
border-width: 6px;
border-style: solid;
color: #000000;}
.capa3 img{float:right;
margin-left: 45px;
margin-right: 80px;
margin-top: 125px;
border-width: 6px;
border-style: solid;
color: #000000;}
h3 { width: 396px;
text-align:justify;
font-family: Arial, Helvetica, sans-serif;
font-size:18px;}
h2 {font-family: Arial, Helvetica, sans-serif;
text-align:justify;
padding-top:50px;
font-size:50px;}
body {
margin-left: 0px;
}
</style>
</head>
<body>
<div id="contenedor">
<h1>Prueba de CSS</h1>
<div class="capa">
<img src="0915701.jpg" alt=""/>
<img src="0915701.jpg" alt=""/>
<img src="0915701.jpg" alt=""/>
<img src="0915701.jpg" alt=""/>
<img src="0915701.jpg" alt=""/>
<img src="0915701.jpg" alt=""/>
</div>
<div class="capa2">
<img src="4121001.jpg" alt=""/>
<img src="4121001.jpg" alt=""/>
<img src="4121001.jpg" alt=""/>
<img src="4121001.jpg" alt=""/>
<img src="4121001.jpg" alt=""/>
<img src="4121001.jpg" alt=""/>
<div class="capa3">
<img src="0915701.jpg" alt=""/>
</div>
<h2>La Catedral. </h2>
<h3>Edificada sobre la antigua mezquita que ya se usaba como templo cristiano y quedó muy dañada en el terremoto del 1356. Se conservan algunos de sus restos en el patio de los naranjos (patio de abluciones) y la Giralda (torre alminar). Tiene planta de salón (rectangular) con una nave central y cuatro laterales, veinticinco capillas más otras construcciones añadidas como sacristías, archivos, bibliotecas, patios, sala capitular, sala de ornamentos... configurando todo ello la tercera catedral más grande del mundo, tras las de San Pedro de Roma y San Pablo de Londres. Posee un extenso y valioso patrimonio histórico-artístico-religioso, del que es muy difícil escoger algún ejemplo.</h3>
<div class="capa">
<img src="0915701.jpg" alt=""/>
<img src="0915701.jpg" alt=""/>
<img src="0915701.jpg" alt=""/>
<img src="0915701.jpg" alt=""/>
<img src="0915701.jpg" alt=""/>
<img src="0915701.jpg" alt=""/>
</div>
</div>
</body>
</html>