Después de aparcar las pruebas de diseño con bloques DIV en favor de las tablas, volví a hacer algunas prácticas con el primero de los elementos mencionados. Sin embargo, de buenas a primeras me encuentro con que una cabecera que en IE aparece en su sitio, en Firefox se ve algo desplazada hacia abajo dentro del bloque DIV, quedando así sobre ella una delgada franja del color de fondo de dicho bloque (blanca en este caso) en vez de lindar directamente en su parte superior con el cuerpo de la página (el body, con un fondo gris).
Por si la descripción anterior parece embrollada, y para plantear el asunto con más detalle, transcribo ahora el código de la prueba:
<html>
<head>
<title>Ensayo</title>
<style type="text/css">
body {background: gray}
DIV {background: white; width: 700px; position: absolute; left: 320px; top: 130px;}
H1 {background: lime; font-size: 14pt; font-weight: bold; font-family: Arial; color: red; text-align: center}
H2 {font-size: 12pt; font-weight: bold; font-family: Courier; color: black; text-align: justify; text-indent: 1cm}
</style>
</head>
<body>
<DIV>
<p><H1>Esto es la cabecera</H1></p>
<p><H2>Y ahora viene el texto, algunas frasecillas sueltas de mero relleno para ocupar algo de espacio... Bueno, para esta prueba creo que ya vale.</H2></p>
</DIV>
</body>
</html>
¿Hay algo incorrecto o es cosa del Firefox?