ups! en ie8 se ve super bien... pero en opera y crome no?

luis armando escribió:aqui dejo mi url para que le den una checadita a mi pagina web... por que en internet explorer 8 se ve exactamente como la estoy diseñando, pero en opera se ve muy mal .... y en chrome se ve espantosaaaa...!!!!!! :cry: :cry:
no quiero ni pensar como se va a ver en otros navegadores.... :? :?
por favor necesito que alguien revise mis codigos para rastrear los problemas que seguramente... son muchos
url:
http://escuela-de-baile-dulaine.myartsonline.com/plantilla.html

codigo estilos-generales.css:

* {margin:0px;padding:0px;border:0px}
p {font-weight:bold;text-align:justify}
h1 {font-size:1.2em;color:white;font-weight:bold;text-decoration:underline;text-align:center;margin-top:6px;margin-bottom:10px}
h2 {font-size:1.1em;color:blue;font-weight:bold;text-decoration:underline;text-align:center}
body {background-image:url(objetos/imagen-para-fondo-web.gif);text-align:center}
#global {width:800px;margin:4px auto}
#cabecera {border-top:white 2px solid}
#logotipo {width:280px;float:left;margin: 0px 0px 0px 0px;border-left:white 2px solid;}
#mensaje {float:left;border-right:white 2px solid}
#ritmos {width:800px;background-color:black;color:red;text-decoration:none;font-size:20px;font-weight:bold;border-left:white 2px solid;border-bottom:white 2px solid;border-right:white 2px solid}
#navegacion {heigth:20px}
#navegacion li {font-family:cooper black;font-size:14px;border:white 3px solid;font-weight:bold;list-style:none;float:left;text-align:left;margin:15px 1px 15px 1px}
#navegacion ul {margin-left:3px}
#menu {width:150px;float:left;text-align:left;margin:0px 0px 0px 3px;}
#menu li {font-size:13px;background-image:url(objetos/boton-2.gif);background-repeat:no-repeat;list-style:none;text-align:center;padding:2px 0px 2px 0px;margin:0px 0px 0px 3px;height:25;width:167;margin-left:1px}
#menu h1 {color:#E6E6FA;text-decoration:none;font-size:16px;margin-top:7px;margin-bottom:1px;margin-left:25}
#contenido {background-color:black;height:200px;border:white 2px solid;}
#contenido p {color:white;padding:10px 10px 5px 10px;text-indent:15px;color:#E6E6FA;font-size:18px}
#centros-de-mesa {float:left}
#centros-de-mesa li {list-style:none;float:left;margin:8px}
#arcos-con-globos {float:left}
#arcos-con-globos li {list-style:none;float:left;margin:1px}
#arcos-mesa {float:left}
#arcos-mesa li {list-style:none;float:left;margin:2px}
#fotos-chambelanes {float:right;margin-right:3px}
#mensaje-escuela {float:right}
#imagen {display:block;margin:150px}
#imagenes-decoraciones {float:right;margin-right:3px;margin-left:5px;border-left:white 2px solid;border-bottom:white 2px solid;border-right:white 2px solid}
#anuncio-deco {float:right;margin-right:3px;margin-top:10px;border-left:white 2px solid;border-top:white 2px solid;border-right:white 2px solid;border-bottom:white 2px solid}
#efectos-flash {}
#galeria {margin:5px 1px 20px 176px}
#galeria li {float:left;margin:1px}
#anuncios {whith:150px}
#cabecera-capi{margin-left:3px}
#publicidad-capifiesta {margin-left:3px;margin-bottom:3px;margin-right:5px}
#publicidad-2 {border:yellow 1px solid;margin-left:3px;margin-bottom:3px;margin-right:5px}
#publicidad-3 {border:pink 1px solid;margin-left:3px;margin-bottom:3px;margin-right:5px}
#publicidad-4 {border:white 1px solid;margin-left:3px;margin-bottom:3px;margin-right:5px}
#mapa-guia {margin-top:10px}
#paso {}
#globos {float:right}
#vals {float:right;}
#pie {background-color:black;border-left:white 2px solid;border-right:white 2px solid;border-bottom:white 2px solid;height:100px;margin-bottom:4px }
#pie li {list-style:none;font-size:12px}
#pieuno {float:left;width:150px;}
#piedos {height:50px}
#pietres {float:right;width:150px}
a {text-decoration:none;display:block}
a:link {}
a:visited {}
a:hover {text-decoration:underline}
a:active {}

#navegacion ul a {background-color:white;color:blue;text-decoration:none;display:block}
#navegacion ul a:link {}
#navegacion ul a:visited {}
#navegacion ul a:hover {color:white;background-color:blue;text-decoration:underline}
#navegacion ul a:active {}

#menu li a {font-family:arial black;font-weight:bold;color:white;text-decoration:none}
#menu li a:link {}
#menu li a:visited {}
#menu li a:hover {color:black;font-weight:bold;font-size:14px}
#menu li a:active {}

#pie a {color:blue;text-decoration:none;display:block}
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:white;text-decoration:underline;background-color:white}
#pie a:active {}

codigo html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>Pagina Principal de Escuela de Baile "DULAiNE"</title>
<link rel="stylesheet"href="estilo-general.css"type="text/css"media="all">

</head>
<body>

<div id="global">

<div id="cabecera">
<div id="logotipo">[contenido no disponible]
</div>
<div id="mensaje"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab…" width="299px" height="160px">
<param name=movie value="objetos/no-te-quedes-sentado.swf">
<param name=quality value=high>
<embed src="objetos/no-te-quedes-sentado.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Vers…" type="application/x-shockwave-flash" width="299px" height="160px">
</embed>
</object>
</div>
<div id="ritmos">[contenido no disponible]C U M B I A[contenido no disponible]S A L S A[contenido no disponible]M E R E N G U E[contenido no disponible]R O C K[contenido no disponible]Y M A S . . .[contenido no disponible]
</div>
<div id="navegacion"><ul>

TUS 15 AÑOS

COMENTARIOS

UBICACION

GALERIA

VIDEOS

PROMOCIONES

CONTACTO

TIPS</div>
</div>

<div id="contenido"><h1>PAGINA PRINCIPAL DE ESCUELA DE BAILE " D U L A i N E "</h1>

<div id="menu"><h1>SERVICIOS</h1><ul>

Clases de Baile

Vals Para 15 Años

Renta de smokings

Chambelanes

Foto y Video

Adorno de Autos

Efectos Para Vals

Deco con Globos

Pantalla Gigante

Renta de Limusinas

Luz y Sonido

Brincolines

Salon de Eventos

Maquillaje

Peinado

<div id="anuncios">
<div id="cabecera-capi">[contenido no disponible]</div>
<div id="publicidad-capifiesta">[contenido no disponible]</div>
<div id="publicidad-2">[contenido no disponible]</div>
<div id="publicidad-3">[contenido no disponible]</div>
<div id="publicidad-4">[contenido no disponible]</div>
</div>
</div>

<div id="mensaje-escuela">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab…" width="162" height="264">
<param name=movie value="objetos/mensaje-escuela.swf">
<param name=quality value=high>
<embed src="objetos/mensaje-escuela.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Vers…" type="application/x-shockwave-flash" width="162" height="264">
</embed>
</object>
</div>


En la escuela de baile " D U L A i N E "¨, aprenderas a bailar ...</p>


- M e r e n g u e</p>

- S a l s a</p>

- R o c k & R o o l</p>

- C u m b i a</p>


Y Todos aquellos ritmos que estan de moda y que tanto te gustan, en un ambiente agradable, con instructores altamente capacitados para que disfrutes y te diviertas en las fiestas bailando . . .</p>


Ademas de algunos bailes de salon como son:</p>


- D a n z o n</p>

- T a n g o</p>

- Cha Cha Cha</p>

- M a m b o</p>


Tambien contamos con clases de aerobics</p>


Aqui te Dejamos Una Muestra de lo Rapido y Facil que es Aprender a Bailar en Escuela de Baile " D U L A i N E "</p>
<div id="paso"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab…" width="264" height="264">
<param name=movie value="objetos/paso.swf">
<param name=quality value=high>
<embed src="objetos/paso.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Vers…" type="application/x-shockwave-flash" width="264" height="264">
</embed>
</object>
</div>
<h2>Decoraciones Con Globos</h2>
<div id="anuncio-deco">
[contenido no disponible]
</div>
<div id="imagenes-decoraciones">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab…" width="372" height="185">
<param name=movie value="objetos/decoraciones-globos-varias.swf">
<param name=quality value=high>
<embed src="objetos/decoraciones-globos-varias.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Vers…" type="application/x-shockwave-flash" width="372" height="185">
</embed>
</object>
</div>


Si de decorar se trata..., tambien se te ofrece una gran variedad de decoraciones con globos, para bodas, 15 años, bautizos, y cualquier tipo de evento, con figuras como arcos, corazones, flores, pistas de baile, entradas, etc, etc, etc., Todo esto y mas lo encontraras en escuela de baile " D U L A i N E "</p>
<h2>Efectos Para Coreografias</h2>


No solo somos expertos en coreografias para 15 años, tambien en efectos para las mismas, que haran lucir tu baile, magicamente inigualable</p>


Estos efectos pueden ser utilizados en cualquier otro evento, asi como Bodas, Graduaciones, Presentasiones, etc. etc. etc.</p>
<div id="efectos-flash">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab…" width="400" height="450">
<param name=movie value="objetos/flash-efectos.swf">
<param name=quality value=high>
<embed src="objetos/flash-efectos.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Vers…" type="application/x-shockwave-flash" width="400" height="450">
</embed>
</object>
</div>
<h2>Otros Servicios</h2>


</p>
</div>

<div id="pie">
<div id="pieuno"><ul>

Foro Ejemplo

Contactos

Nos enlazan
</div>
<div id="piedos">
</div>
<div id="pietres"><ul>

Directorio

Topsite

Mapa de la Web</div>
</div>

<div id="curva-inferior"></div>
</div>

</body>
</html>

repito en internet explorer 8 se ve perfecta