Ayuda con web

Estoy haciendo una web para una santera cubana (sic) en una resolución 1280x800 usando debian lenny 5.0 y kompozer.
He puesto el tema en offtopic porque el problema no son los navegadores que corren en GNU/Linux sino el dichoso internet explorer.Al margen de los problemas de codificación que aún no he modificado y la galeria de fotos dinámica que el servidor que uso no soporta es el siguiente

Todos los navegadores (firefox,konqueror,epiphany,etc) se ve bien exceptuando en internet explorer (he probado la versión 6 no sé como se verán las demás?

En internet explorer se ve asi. Hay que tener en cuenta que la mayoría de los internautas usan windows y la gran mayoría de éstos usan internet explorer. No sé si con la versión 7 u 8 habrá mejorado el tema de la compatibilidad.

Creo que internet explorer no cumple el standar en cuestión de páginas HTML y el problema está en el menú dinámico CSS os dejo el código.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<link rel="stylesheet" href="menu_style.css" type="text/css">
</head>
<body style="margin-top: 0px; height: 129px; background-color: rgb(51, 0, 0); color: rgb(0, 0, 0);" alink="#ee0000" link="#0000ee" vlink="#551a8b">
&nbsp;<br>
<table style="text-align: left; width: 100%;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td><img style="width: 100%; height: 100%;" alt="head" src="images/head.png"></td>
</tr>
<tr>
<td>
<div id="menu">
<ul>
<li style="margin-top: 100%; height: 100%;"><a href="index.html" title="inicio.html"><span>Inicio
</span></a></li>
<li><a href="santeria_yoruba.html" title="santeria_yoruba.html"><span>Santería
Yoruba
</span></a></li>
<li><a href="videncia.html" title="videncia.html"><span>Videncia
</span></a></li>
<li><a href="espiritismo.html" title="espiritismo.html"><span>Espiritismo
</span></a></li>
<li><a href="sanaciones.html" title="sanaciones.html"><span>Sanaciones
</span></a></li>
<li><a href="trabajos.html" title="trabajos.html"><span>Trabajos
</span></a></li>
<li><a href="cordon_espiritual.html" title="cordon_espiritual.html"><span>Cordón
Espiritual
</span></a></li>
<li><a href="contacto.html" title="contacto.html"><span>Contacto
</span></a></li>
<li><a href="tarifas.html" title="tarifas.html"><span>Tarifas
</span></a></li>
<li><a href="foro.html" title="foro.html"><span>Foro
</span></a></li>
<li><a href="galeria.html" title="galeria.html"><span>Galería
</span></a></li>
</ul>
</div>
</td>
</tr>
</tbody>
</table>
<span style="color: white;"></span><span style="color: white;"><br>
</span>
<table style="width: 100%; height: 70%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="height: 40%; width: 15%;"><img style="width: 100%; height: 50%;" alt="lyo" src="images/lyon.png"></td>
<td style="height: 70%; width: 49%;">
<span style="color: white;"><br>
<div =""><iframe src="texto_index.html" height="462" width="100%"></iframe><br>
</div>
</span></td>
<td style="text-align: center; height: 40%; width: 36%;"><img style="width: 90%; height: 90%;" alt="orisha" src="images/orisha.gif"></td>
</tr>
</tbody>
</table>
<br>
<table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td><img style="width: 100%; height: 100%;" alt="bar" src="images/barra_light.png"></td>
</tr>
</tbody>
</table>
<br>
<table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="text-align: center;"><img style="width: 100%; height: 100%;" alt="banner" src="images/banner.png"></td>
</tr>
</tbody>
</table>
<br>
<table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
</tr>
<tr>
<td><img style="width: 100%; height: 100%;" alt="barra" src="images/barra_light.png"></td>
</tr>
</tbody>
</table>
<br>
<table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td><img style="width: 100%; height: 100%;" alt="autor" src="images/autor.png"></td>
</tr>
</tbody>
</table>
<br>
<table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td><img style="width: 100%; height: 100%;" alt="barra" src="images/barra_light.png"></td>
</tr>
</tbody>
</table>
<br>
<table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>
<span style="color: white;"></span><span style="color: white;"></span><span style="color: white;"><span style="color: white;"><span style="color: white;"><span style="color: white;"><span style="color: white;"></span></span></span></span></span>
</body></html>

1. Por favor franky32, quita el link a la página web, es un lugar donde tendrá publicadas unas tarifas y dá la sensación de hacer publicidad, además la pregunta se puede plantear sin necesidad de ponerlo.

2. la pregunta va sobre ¿internet explorer?, no sé yo si esdebian es mejor lugar donde plantear esto... vamos a revisar la valided de este hilo.

Ok, no hay lugar al spam porque no hay teléfonos pero bueno vale puedes retirar el hilo ya buscaré otros sitios.

La pregunta estuvo mal planteada, el tema trata de desarrollo web, no de IE.

Los manuales y howto (los talleres de CSS en http://www.desarrolloweb.com/ en particular) por lo general indican como desarrollar para que la apariencia sea correcta tanto en navegadores IE como en los que funcionan de forma mas estándar (firefox, opera, safari, etc).

Como decia, el hilo está mal planteado y se presta a controversias. Tal vez sea mejor cerrarlo.

Si sigues con dudas puedes crear otro.

Saludos.

Hola, te ayudare, yo igual estube y hago paginas en debian para que sean vistas en todos los navegadores, pero te recomiendo algo que es muy importante, ver las estadisticas de uso de web browsers como aqui se muestran http://www.w3schools.com/browsers/browsers_stats.asp , estas estadisticas muestran que IE6 esta muy bajo en su uso, entonces no te procupes al programar par a IE6, lo otro siempre IE6 a tenido problemas desde que yo programo y estan migrando a IE8 mas que nada los usuarios fans de IE.

un consejo vital programa la pagina para 1024 x 768 , esto te aliviara las tenciones, recuerda que no toda la gente tiene un monitor grande y menos las empresas. http://www.w3schools.com/browsers/browsers_display.asp
aunque van en aumento, es mejor ponerlas bien.

suerte con tu pagina web.

Gracias por contestar

Creo que el problema está en el menú CSS que tiene problemas de margin y de paddin. Lo de la resolución es algo digno de tener en cuenta pero ya sabes cuando uno hace las cosas de forma no profesional lo ve con sus ojos. Ahora algunos se quejan de que ven la web fatal.

Hay gente que usa windows xp y no actualiza el internet explorer. Muchos cybers tienen windows vista todavía al igual que las empresas.

Sigo buscando la solución.

Saludos.

Creo que he encontrado una posible solución al problema usando css fixer ie6 ttp://www.onderhond.com/tools/ie6fixer/ Ahora voy a tratar de colocar los elementos en su sitio

/* IE6 css fixer v0.7: Thu, 10 Dec 2009 15:37:16 +0100 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
#menu,
#menu a {display:inline;}

Saludos.