Problema con divs que no saben flotar...

Para quienes hermos arrancado diseñando webs basadas en tablas (hace más de 10 o 15 años), nos resultaba natural que un esqueleto de cuadros se mantuviese firme y estático allí donde lo habíamos creado. Y sin chistar. A no moverse!

Hasta que llegaron los divs y se (los?) impusieron como estándar. Y allí saltó un problema mayor: la calidad de los browsers para interpretar el código.

En el ajunto pongo una captura de mi último dolor de cabeza con estos beneplácitos divs. Fijense que armé un diseño bién básico en Expression, sin head y con todo declarado sobre la marcha, "a la antigua". y el unico browser que coincide con lo diseñado es el IE, mientras que FF y GC tienen una interpretación distinta, diferente.



La pregunta: como hacer para que lo que maquetamos se mantenga en todos los browsers? Alguna declaración de "universalidad" en el head?

Desde ya, muchas gracias a todo el staff de este foro ;-)
Hola Xethis:
Yo también me atragante cuando oi hablar de los Divs, pero al final no resulto ser tan dificil de controlarlos, aparte de segir el consego de drusk, te diría que te descarges varios navegadores, y que cada cambio que hagas en un div, lo compruebes en todos los navegadores, ya que aunque los comandos que coloques sean los correctos, a menudo tendras que cambiar la forma de decirlo o colocar los pixels adecuandolos de forma que funcionen mas o menos igual en todos los navegadores.
Animo y suerte.
Hola:

La respuesta está en la definición entre elementos en línea y elementos de bloque. Envuelve el texto con la etiqueta <p></p> (cada texto) y verás la diferencia.

Siempre debes envolver el texto con alguna etiqueta.

Saludos.
Desde ya muchísimas gracias a todos por responder. Voy a tomar nota de los consejos y después les cuento como me fue ;-)