Problema con Firefox e altezza DIV

[apusoft]

Salve,
sto convertendo un sito basato su tabelle in uno basato su DIV e CSS.
Mi resta però un problema con Firefox riguardo l'altezza dei DIV.

Il sito è strutturato con tre DIV secondo lo schema:

<div id="container">
	<div id="header">titolo</div>

	<div id="content">contenuti</div>

	<div id="footer">footer</div>

</div>

il CSS relativo è:

html {height:98.2%}
body {height:98.2%; background:url(sfondo.gif) repeat-y left 113px}

#container {position:relative; min-height:98.2%; height:98.2%;
voice-family: "\"}\""; voice-family: inherit; height: auto}
html>body #container {height: auto}
#header {height:113px; background:url(sfondo_dx_sfumato.gif) top right no-repeat}
#content {clear:both; height:100%; background:url(sfondo_dx.gif) repeat-y right top}
#footer {clear:both; width:100%}

All'interno del DIV "content" ho un altro DIV "testo"

<div id="testo">

con CSS

#testo {height:100%; background:#FFFFFF url(sfondo_testo.gif) no-repeat 50% 0}

Con Explorer funziona tutto bene, Firefox invece mi mostra l'immagine di sfondo "sfondo_testo.gif" del DIV "testo" non interamente, cioè l'altezza del DIV "testo" non è al 100% di quella del DIV "content" come vorrei che fosse.

Come posso sistemare la cosa?
Grazie mille!

[nickmadison]

Con Explorer funziona tutto bene, Firefox invece

se sviluppi prima su IE e poi controlli su FF è ovvio che ti succeda questo,
devi fare esattamente l' opposto in quanto FF è conforme (quasi) agli standard w3c, IE assolutamente no.

[apusoft]

a dir la verità man mano che sviluppo controllo con Firefox e Explorer ad ogni passo...
Il problema è che proprio non capisco come imporre a Firefox una certa altezza in un DIV contenuto in un altro DIV