Div stejně vysoký jako široký(šířka v %)

Ahoj,
dělám fotogalerii pro mobilní verzi webu a rozhodl jsem se že to udělám podobně jako to má například facebook(a určitě mnoho dalších), že fotografie budou v každém řádku 3, takže budou mít šítřku 33%, ale nevím jak (bez JS) zajistit aby si to ponechalo poměr 1:1 a mělo to tvar čtverce.

Je to mimo téma ale také jsem se chtěl zeptat jak zařídit aby byl obrázek v tom divu byl obrázek zoomnotý tak aby ho bylo vidět co nejvíc ale zároveň aby byl po celym čtverci ale neroztáhnutej(zachovanej poměr).
Doufám že chápete.

Předem děkuju za všechny odpovědi.
Milan Jelínek

Keeehi:
Skvělé, děkuji moc.