es cierto que en muchas ocaciones es más cómodo hacer un código ligero cuando solamente queremos hacer prueba de conceptos. por ejemplo, en lugar de escribir un documento completamente válido, es más cómodo escribir lo necesario y ver los resultados. lo cierto es que no todos los navegadores responden de la misma forma. ese es el caso que tienes aquí y es la razón por la que en firefox no puedes apreciar los resultados correctos. ¿a qué me refiero? has omitido la estructura más básica de un documento html: cuerpo, encabezado, y tipo de documento. o sea, las etiquetas HTML, HEAD y BODY. si agregas estos elementos, firefox responde como deseas.
mi consejo es que mantengas un código base para todas tus pruebas puesto que cada componente (javascript, css, y creo que incluso el propio html) responden de distintas formas cuando carece de una estructura básica, según sea el navegador. por ejemplo, el siguiente código es la estructura que siempre utilizo para hacer mis pruebas.
Código:
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN'
'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<!-- saved from url=(0014)about:internet --> <!-- eliminar esta linea al subir el documento a la web -->
<html xmlns='http://www.w3.org/1999/xhtml'><head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Test Development</title>
<script type='text/javascript'>
</script>
<style type='text/css'>
</style>
</head><body>
</body></html>
anecdota:
recuerdo una ocasión tuve un problema algo tonto con la propiedad
document.body.scrollHeight, pues siempre me devolvía el valor 0 en lugar de la altura del canvas -o viewport del navegador, espacio donde se muestra el contenido. el problema era que al indicar un doctype, el navegador (iexplorer) analiza el código de una forma distinta y tenia que cambiar la propiedad por otra. antes no me sucedia porque tenia la costumbre de realizar pruebas rápidas sin tener una estructura. ¿qué quiero decir? es la evidencia de lo importante que es tener una estructura válida o similar a la que utilizamos en producción. después de esta experiencia he cambiado el hábito para siempre.