lo q veo bien en explorer me sale muy mal en firefox

Ya hice siguiendo los pasos la pagina hace tiempo. Tuve la buena idea de ya publicarla ya que la necesitaba para mi oficina ahora me vengo a dar cuenta que publique una pagina que aparece muy mal en firefox!

Intento arreglarla pero no llego a ningun buen puerto
la direccion de mi pagina para que vean a que me refiero es www.puertaprop.com.ar

La pagina de estilos es:

#global {width:800px ; margin: 4px auto }
body {text-align: center; background-color:blue}
p {text-align: justify}
img {border-style: none}

#logo {background-color:#00FF00; width: 320px; height:100px; overflow:hidden; float: left; border-left: white 2px solid; border-top: white 2px solid}
#empresa {background-image: url(objetos/fondo-empresa.bmp); width: 120px; height:100px; float: left;
border-left: white 2px solid; border-top: white 2px solid; padding: 70px 0px 0px 0px}
#propiedades {background-image: url(objetos/fondo-propiedades.bmp); width: 120px;height:100px; float: left; 
border-left: white 2px solid; border-top: white 2px solid; padding: 70px 0px 0px 0px}
#tasaciones {background-image: url(objetos/fondo-tasaciones.bmp); width: 120px; height:100px; float: left; 
border-left: white 2px solid; border-top: white 2px solid; padding: 70px 0px 0px 0px}
#contactenos {background-image: url(objetos/fondo-contactenos.bmp);  float: left;width: 120px; height:100px; 
border-left: white 2px solid; border-right: white 2px solid; border-top: white 2px solid; padding: 70px 0px 0px 0px}

#cuerpotitulo { font-family: high tower text; font-size:22; text-align:left; color:white; padding:5px 0px 5px 40px; height:30px; background-color:#0000FF; border-left:white 2px solid; border-right:white 2px solid; border-top:white 2px solid; border-bottom: white 2px solid} 
#cuerpotitulo1 {font-family: high tower text; font-size:18; text-align: center; color:white;padding:2px 0px 2px 0px; height:24px; background-color:#0000FF; border-left:white 2px solid; border-right:white 2px solid; border-top:white 2px solid; border-bottom: white 2px solid} 
#cuerpotitulo2 {font-size:14; text-align: center; color:blue; height:20px; background-color:white; border-left:white 2px solid; border-right:white 2px solid; border-top:white 2px solid; border-bottom: white 2px solid} 
#cuerpotitulob {font-family: high tower text; font-size:18; text-align: center; color:white;padding:2px 0px 2px 0px; height:24px; background-color:#00BFFF; border-left:white 2px solid; border-right:white 2px solid; border-top:white 2px solid; border-bottom: white 2px solid} 
#medidas {font-family: high tower text; font-size:12; text-align: right; color:black;padding:2px 0px 0px 0px; height:24px; background-color:#FFFFFF; border-left:white 2px solid; border-right:white 2px solid; border-top:white 2px solid; border-bottom: white 2px solid} 

#cuerpo {font-size:15; font-family: high tower text; background-color: white; padding: 10px 14px 10px 14px}
#cuerpo p {text-indent: 20px}
#cuerpo ul {text-align: left}

#cuerpo1 {font-size:17; font-family: high tower text; background-color: white; padding: 10px 14px 10px 14px; border-left: white 2px solid; border-right: white 2px solid}
#cuerpo1 p {text-indent: 20px; text-align: center}


#fichero {font-size:12; font-family: georgia; background-color: white ; padding: 10px 14px 10px 14px; border-left: white 2px solid; border-right: white 2px solid}
#fichafoto {float:left; padding: 10px 5px 5px 5px; height:150px}
#ficha {border-bottom: blue 1px solid; height:150px; padding: 10px 10px 0px 10px}
#ficha p {padding: 0px 10px 0px 10px; margin:0px }

#fondocasco {background-color:white; padding: 10px 10px 10px 10px}
#fotero {background-color:white; float:left; width: 400px}
#fotero1 {background-color:white; width: 800px}
#fotito {float:left; width: 116px; padding: 2px 0px 3px 25px; border-style:none}
#fotitos {float:left; width: 116px; padding: 2px 0px 3px 5px}
#fondocasco td {font-size:12; font-family: georgia}
#a1 {width: 130px}
#observaciones {float:bottom; font-size:12; font-family: georgia; background-color: white; padding: 10px 14px 10px 14px; border-left: white 2px solid; border-right: white 2px solid}
#observaciones p {text-indent: 20px}
#observaciones ul {text-align: left} 

#pasante {height: 10px; background-color:#C1FFC1; border-left: white 2px solid; border-right: white 2px solid}
#pasante1 {font-family: georgia; margin: 2px 10px 2px 10px; font-size: 14px; float:left}
#masprop {float: left; color:blue;font-family: georgia; margin: 0px 10px 0px 280px; font-size: 14px}
#rayita {float: left; color:blue;font-family: georgia; margin: 0px 10px 0px 10px; font-size: 14px}

#datos {color: blue; height: 20 px; background-color: #00FF7F;border-left: white 2px solid; border-right: white 2px solid; border-top:white 2px solid; border-bottom: white 2px solid}

#pie{height: 20px; background-color:#00FF00; border-left: white 2px solid; border-right: white 2px solid; border-bottom: white 2px solid}
#empresa1 {font-family: georgia; margin: 10px 10px 0px 220px; font-size: 14px; float:left}
#propiedades1{font-family: georgia; margin: 10px 10px 0px 10px; font-size: 14px; float:left}
#tasaciones1{font-family: georgia; margin: 10px 10px 0px 10px; font-size: 14px; float:left}
#contactenos1{font-family: georgia; margin: 10px 10px 0px 10px; font-size: 14px; float:left}

a {color: blue; text-decoration: none; display: block}
a:link {}
a:visited {}
a:hover {font-weight: bold}
a:active {}

h1 {font-size:13; text-align:left; color:white; padding:5px 0px 5px 10px}
h2 {text-align: right; font-size:12; padding: 0px 10px 0px 10px; margin:0px}

y una de las paginas que contiene:

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

<html>
<head>
<title>PUERTA PROPIEDADES</title>
<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
</head>

<body>
<div id="global">

<div>
<div id="logo">[img]objetos/puerta-logo.bmp[/img]</div>
<div id="empresa">[url="empresa.html"]Empresa[/url]</div>
<div id="propiedades">[url="propiedades.html"]Propiedades[/url]</div>
<div id="tasaciones">[url="tasaciones.html"]Tasaciones[/url]</div>
<div id="contactenos">[url="contactenos.html"]Contáctenos[/url]</div>
</div>

<div>
<div id="cuerpotitulo1">[i][b]MUNRO[/b][/i]</div>
<div id="cuerpotitulo2">[i][b]U$S 125.000[/b][/i]</div>
</div>

<div id="fondocasco">

<div id="fotero">
[img]objetos/munro/foto-1-ficha-a.jpg[/img]
<div id="fotito">[url="foto1-cod494.html"][img]objetos/munro/foto-2-ficha-b.jpg[/img][/url]</div>
<div id="fotitos">[url="foto2-cod494.html"][img]objetos/munro/foto-3-ficha-b.jpg[/img][/url]</div>
<div id="fotitos">[url="foto4-cod495.html"][img]objetos/munro/foto-4-ficha-b.gif[/img][/url]</div>
<div id="fotito">[url="foto5-cod495.html"][img]objetos/munro/foto-5-ficha-b.gif[/img][/url]</div>
<div id="fotitos">[url="foto6-cod495.html"][img]objetos/munro/foto-6-ficha-b.gif[/img][/url]</div>
</div>

<table>
<tr><td id="a1">[b]Propiedad:[/b]</td><td>Dúplex</td></tr>
<tr><td>[b]Zona:[/b]</td><td>Residencial</td></tr>
<tr><td>[b]Cerca:[/b]</td><td>1 c/Estación Munro y Ctro. Comercial</td></tr>
<tr><td>[b]Sup. Cubierta:[/b]</td><td>116 m2</td></tr>
<tr><td>[b]Fondo Libre:[/b]</td><td>71 m2</td></tr>
<tr><td>[b]Ambientes:[/b]</td><td>4</td></tr>
<tr><td>[b]Plantas:[/b]</td><td>3</td></tr>
<tr><td>[b]Techos:[/b]</td><td>Tejas</td></tr>
<tr><td>[b]Antigüedad:[/b]</td><td>A estrenar</td></tr>
<tr><td>[b]Orientación:[/b]</td><td>Norte</td></tr>
<tr><td>[b]Servicios:[/b]</td><td>Todos</td></tr>
<tr><td>[b]Calefacción:[/b]</td><td>Picos</td></tr>
<tr><td><font color="white">.</font></td></tr>
<tr><td>[b]Hall:[/b]</td><td>Si</td></tr>
<tr><td>[b]Living:[/b]</td><td>7.70 x 3.52 piso cerámico</td></tr>
<tr><td>[b]Comedor:[/b]</td><td>Integrado</td></tr>
<tr><td>[b]Cocina:[/b]</td><td>3.52 x 2.90 piso cerámico</td></tr>
<tr><td>[b]Comedor Diario:[/b]</td><td>Integrado</td></tr>
<tr><td>[b]Toilette:[/b]</td><td>Si</td></tr>
<tr><td>[b]Nº Dormitorios:[/b]</td><td>2 con placard y pisos flotante</td></tr>
<tr><td>[b]Medidas 1:[/b]</td><td>3.52 x 3.41</td></tr>
<tr><td>[b]Medidas 2:[/b]</td><td>3.55 x 2.90</td></tr>
<tr><td>[b]Baño:[/b]</td><td>Uno completo</td></tr>
<tr><td>[b]Playroom:[/b]</td><td>5.80 x 3.52 piso cerámico</td></tr>
<tr><td>[b]Lavadero:[/b]</td><td>Semicubierto</td></tr>
<tr><td>[b]Jardín:[/b]</td><td>71 m2</td></tr>
<tr><td>[b]Patio:[/b]</td><td>Si</td></tr>
<tr><td>[b]Cochera:[/b]</td><td>1 auto - decubierta</td></tr>
</table>

</div>

<div id="medidas">[i]Las medidas son aproximadas y al solo efecto orientador. Las medidas reales surgirán del título de propiedad respectivo.[/i]</div>

<div>
<div id="datos">Ricardo Gutierrez 1515 Of. Nº6 - Olivos - Tel: 4790-4599/2765 - C.S.I. Nº 3704/4555</div>
<div id="pie"><div id="empresa1">[url="empresa.html"]Empresa[/url]</div><div id="propiedades1">[url="propiedades.html"]Propiedades[/url]</div><div id="tasaciones1">[url="tasaciones.html"]Tasaciones[/url]</div><div id="contactenos1">[url="contactenos.html"]Contáctenos[/url]</div></div>
</div>

</div>
</body>

</html>

Espero que me puedan ayudar ya que estoy de verdad desesperada....

muchas gracias!!!!

fuf, la de veces que habré visto estas cosas :wink:
es normal que cuando se hace una web con capas pase esto la primera vez, créeme, os pasa a todos jeje.
¿por qué? porque explorer toma en distinta medida los pixels, pones una capa de 600 pixels y se ve distinta en explorer que en los demás navegadores.
A parte de algunas otras diferencias...

Pero lo bueno es que tiene solución. Voy a darte algunos consejos:
El primero de todos es que no uses una capa si puedes usar una tabla.
El segundo que uses medidas relativas, es decir, en vez de "100 pixels" intenta poner "20%", o mediante alinieamiento "center, right, left, top, bottom).

Tu web concretamente se puede hacer casi completamente con tablas, y se vería igual (o casi igual) en cualquier navegador.

Por ejemplo haciendo una tabla de 7 filas, en la primera el logo y el menú, en la segunda "NUETSTRA EMPRESA", en la tercera el texto, cuarta "NUESTROS SERVICIOS", etc.
Es más fácil porque de un golpe haces la tabla con las 7 filas, y además es más robusto: nunca una fila se verá descuadrada con otra, ni nunca verás una fila que se transforma en columna.

Luego a cada fila le pones un color o una imagen de fondo, o mejor aun, la identificas con un ID y pones todos los datos de estilo en la hoja CSS como has hecho con las capas.

Y luego una vez que tengas ese esqueleto de 7 filas, vas metiendo capas dentro. Por ejemplo para el texto metes una capa:
<div id="cuerpo"></div>
Y así ya no tienes que cambiar nada más en la hoja de estilos.

Así con las 7 filas. Incluso para el menú en vez de capas yo haría lo siguiente:
Dentro de esa primera fila, metes una nueva tabla, con 4 columnas, una para el logo, otra para "Empresa" etc.
Y a cada celda le pones un ID para darle estilos distintos.

Al principio se puede hacer un poco coñazo, puede parecer que las tablas son algo muy rígido pero no es así. Yo llevo tiempo usando tablas y para mi lo mejor es hacer el esqueleto con tablas, y dejar las capas para lo último, colocándolas dentro de las celdas de las tablas.

No te preocupes que no te llevará tanto tiempo, lo más gordo ya lo has hecho :D

mira sería algo así:

<table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>logo</td>
        <td>E</td>
        <td>P</td>
        <td>T</td>
        <td>C</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td>NUESTRA EMPRESA</td>
  </tr>
  <tr>
    <td>texto texto texto texto texto texto texto texto texto texto 

    texto texto texto texto texto texto </td>
  </tr>
  <tr>
    <td>NUESTROS SERVICIOS</td>
  </tr>
  <tr>
    <td>texto texto texto texto texto texto texto texto texto texto 

texto texto texto texto texto texto </td>
  </tr>
  <tr>
    <td>Pie pagina 1</td>
  </tr>
  <tr>
    <td>Pie pagina 2</td>
  </tr>
</table>

Para darle un aspecto distinto a cada celda simplemente añades id="loquesea" en la fila o columna que quieras, por ejemplo:

<td id="nuestraempresa">NUESTRA EMPRESA</td>

Y luego en la hoja de estilos pues lo que toque que eso ya veo que lo dominas.

Prueba con eso, verás como queda perfecta en cualquier navegador.