Perfetto, chiarissimo, ma scusami se insisto, è un tarlo forse inconsistente ma insistente... ho sempre considerato FireFox "comprensibile" (nel senso che ogni volta che non 'rendeva' il risultato sperato alla fine ho sempre trovato un perchè, un errore o imprecisione reale e comprensibile) e in questo caso non riesco a darmi una spiegazione...
perchè succede lo stesso se invece di utilizzare la table (che giustamente non è corretto utilizzare qui) utilizzo tre div, senza formattazione alcuna? perché si crea quello spazio? da dove viene?

...non vorrei sembrare pedante (il problema 'pratico' lo ho comunque risolto), ma mi piacerebbe arrivare in fondo alla questione...

di seguito il codice con div

CASO1 con DTD strict

codice:
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta name="TITLE" content="">
<title>Titolo</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-left:15px;}

</style>
</head>
<body>
 

CASO 1

con DTD strict </p>
 <div>[img]img/blu.jpg[/img]</div>
<div>[img]img/verde.jpg[/img]</div>
<div>[img]img/arancio.jpg[/img]</div>
</body>
</html>
CASO2 con DTD transitional

codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="TITLE" content="">
<title>Titolo</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-left:15px;}

</style>
</head>
<body>
 

CASO 2 

con DTD transitional </p>
 <div>[img]img/blu.jpg[/img]</div>
<div>[img]img/verde.jpg[/img]</div>
<div>[img]img/arancio.jpg[/img]</div>
</body>
</html>
Grazie ancora