background di un <div> vuoto (o contenente altri div non vuoti): IE e Firefox

[99caos]

Ecco il quest:
codice xHtml

<div id="center">
<div id="left"></div>
</div>

codice Css

#center {
	width: 800px;
	background: black;
}
#left {
	width: 170px;
	background: red; 
	float: left;
}

cosa accade:

se nel div left non scrivo nulla:

IE: visualizza una riga di 800 px colorata per 170px in rosso e per il resto degli 800 px in nero

FireFox (mozilla): non visualizza nulla

Se scrivo qualche cosa nel div left:

IE: Stesso come sopra.
FF: Visualizza solo il colore rosso del div left.



Come fare per ottenere lo stesso effetto di IE?