What I would like to do is to have two rows here. Each row with five <a> elements. But the problem
for me is how can I get the rows to wrap around so that the second five squares appear below
the first five.

Note: Internet Explorer 6 doesn't support "inline-block" as value, so there you can use simple "inline", which got the same behavior like inline-block in later versions or other browsers. Of course, just if you want to support it.