div altezza dinamica

[sportfantasy]

Salve a tutti,

sono praticamente un neofita dei fogli di stile... ho letto diverse guide ma continuo ad avere dei dubbi...

Ho un piccolo problema che vorrei risolvere... Vi spiego con un esempio:

Html della pagina:

<div id="container">

	<div id="item">
		[img]img.gif[/img]
    	Testo
    </div>

	<div id="item">
	    [img]img.gif[/img]
    	Testo
    </div>
    
    <div id="item">
		[img]img.gif[/img]
    	Testo    
    </div>

	<div id="item">
	    [img]img.gif[/img]
    	Testo
    </div>
</div>

Foglio di stile:

div#container
{
	width:500px;
	margin:10px;
	border:dotted;
}

div#container > div#item
{
	width:220px;
	height:50px;
	border:1px;
	float:left;
	margin:10px;
}

div#container > div#item img
{
	width:50px;
	height:50px;
}

Le domande sono le seguenti:
1) Vorrei che l'altezza del div container si adattasse al contenuto... ma così non avviene... cosa sbaglio?
2) la sintassi div#container > div#item img è corretta? Voglio che le proprietà siano applicate solo alle img contenute nel div item solo all'interno del div container!

Grazie a tutti

Luca