Hola
Bueno, te diré...
La página sin DTD es interpretada en el llamado «quirk mode» o «modo extraño» eso quiere decir que el navegador tratará de interpretar lo que quieres y generará un montón de valores para hacer que se vea como cree que se debe ver.
Al parecer el mayor problema o la mayor diferencia está en los anuncios de google, ahora veremos porque.
Pero te diré algunas cosas
- en las css usas cracteres que no son válidos, «<!--» y «-->» son los indicadores de comentarios de javascript.
- en la celda donde está el ad de google, usas esto:
<td colspan="4" style="padding:8">
recuerda que en los estilo siempre has de indicar la unidad, así:
<td colspan="4" style="padding:8px;">
- el contenido del ad de google, es un iframe pésimamente diseñado, con un montón de celdas y tablas una dentro de otra.
Yo te diría que pruebes un par de cosas para arreglar eso.
- pon <p> </p>, tantos como te haga falta para hacer crecerla celda de la tabla en la que insertas el ad de google.
- haz el diseño con <div> de manera que controles exactamente donde está cada cosa.
Del resto, no veo muchas diferencias... tal vez lo ví demasiado rápido.
Si tienes firefox y pides ver la información de la página, busca la línea que dice «Render mode» y compara la de cada una de las presentaciones.
Suerte
Felicidad