在网格/表格中定位div而不会丢失自动浮动

Question

例如，我有10个left-float div，它占用容器宽度的20％，宽高比为1：1（使用jQuery制作）：

width: 20%;
float: left;

http://i1214.photobucket.com/albums/cc494/Golitan11/example1_zps7a24eb88.png

现在，当我点击其中一个时，它们占据容器宽度的40％（不会失去1：1的宽高比），并且图像将更改为Soundcloud iFrame。在这个例子中，我点击了第二个：

http://i1214.photobucket.com/albums/cc494/Golitan11/example2_zps9b7a9f48.png

问题是，正如你所看到的，浮动。事实上，我想填补左边的洞。我尝试使用表而不是div，但在这种情况下，当点击获得colspan / rowspan时，它很难将s移动到其他（甚至使用jQuery）。有什么想法吗？

谢谢！