Galerie - nefunkční obtékání položek

Mám menší problém, kterému nerozumím.
Mám div s šířkou 960px.
V tomto divu mám seznal ul s položkami. Tyto položky jsou převedeny na blokové elementy s šířkou 310px a výškou 200px a s marginem 5px na všech stranách. Navíc mají nastavené float: left.

Tímto jsem předpokládal, že se budou tyto položky zobrazovat 3x vedle sebe a ta další automaticky skočí na další řádek. Každopádně to nějak nechce fungovat a nechápu proč?

Díky za pomoc a radu, protože si nevím rady a nerozumím už tomu.

Jo tak nakonec se omlouvám a prosím o smazání. Pomohlo nastavit seznamu ul šířku 960px a odstranit marginy, protože seznam ul je v základu odsazený.