Uno de los errores grandes que tienes, es utilizar atributos como bgcolor:
o style
Código HTML:
Ver original<SPAN style="position: absolute; top: 12px; left: 25px; width: 120px; height: 49px"><img src="lovemoon.png" width="228" height="50" />
para esto ya existe css, por otro lado, ten cuidado con este tipo de declaraciones, si no las sabes utilizar bien o son un medio un poco engañoso para obligar al navegador hacer algo, difícilmente vas a lograr los resultados esperados
Código HTML:
Ver original<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
Debes saber que esta etiqueta solo funciona en IE8.
Y por otro lado:
Código CSS:
Ver originalbody {overflow-x:auto; overflow-y:auto;}
no necesitas utilizar un overflow-x o overflow-y, para cada eje, si utilizas auto, ya que el navegador se encarga
de presentar las barras de desplazamiento, si son necesarias en un eje con un simple:
de todos modos, no veo necesario esto, ya que ese es el comportamiento normal del body, además
te recomendaría que para iniciar, vayas aprendiendo algo más de maquetación web, y como utilizar
debidamente propiedades como position, display, float, clear, padding, entre otras. Una recomendación
hecha por muchos e incluso por quienes desarrollan estos estándares es que no se escriba código directamente
en el body, si no que se diseñe un layout o disposición de elementos con divs, donde generalmente
va un wrapper o contenedor, el cual envuelve un header o encabezado, contenido y barras de navegación
y un footer o pie de página, algo así
Código HTML:
Ver original<!-- etiquetas que van en el head del documento -->
Si aprendes un buen uso de las etiquetas html, y los atributos css, podrás realiza cualquier proyecto
y entender el comportamiento de cada elemento bajo ciertas circunstancias en cualquier navegador.
Se me olvidada, las propiedades overflow-x y overflow-y, no son estandard así que es posible
que algunos navegadores no las interpreten bien.
Exitos