Grid with always square 'cells'
I would like to create a tabular grid (ideally using a list, not a table, but could be either approach) that always stretches to fill its variable width container and that always has square cells. The idea is to create an 'image wall' of squares. Ideally, as the user widens the browser window the grid adds squares (columns). The squares would also, ideally, stay within a certain size range (e.g. minimum 80 px, max 120px), so that when the squares become too large, or small, a column of squares would be added or removed, thus ensuring no square is partially shown/all cells remain square.
The result should create a full screen (or full container) wall of images that are always square. I've seen examples in Flash, but can't find anything for jquery/js.
If someone is willing to take this on as a project, I would be willing to pay for time.