Hola de nuevo,
Antes de nada... ¡¡Mil gracias a todos por vuestros consejos!! Gracias a ellos, he conseguido que mi fantástica página se visualice igual en los navegadores
.
Problemilla colateral: En la cabecera tengo 2 areas con texto pero no consigo alinearlas a la base. He utilizado {position: absolute; bottom: 0px;} pero no hay manera....
Os pego el trocito de código por si me podéis ayudar:
<body>
<div id="cabecera">
<div id="cabecera1" class="titulo1">Tit-izq</div>
<div id="cabecera2" class="titulo2">Tit-der</div>
</div>
donde:
#cabecera {height: 10%; color: #fff; margin-left: 10px; position: relative;}
#cabecera1{float: left; width: 50%; position: relative;}
#cabecera2{position: relative;}
.titulo1{font-size: 2em; font-weight: bold; color: white; text-align: left; position: absolute; bottom: 0px;}
.titulo2 {font-size: 1.2em; font-weight: bold; color: white; font-style: italic; text-align: center; position: absolute; bottom: 0px;}
Gracias!!