[Radiant] Help with tables in Radiant?

[Ryan Heneise]

Does anyone have experience with building tables or tabular layouts from
Radiant pages?

I'm trying to use a grid-based layout to show excerpts from my pages with
four columns and an undetermined number of rows. The trouble is that the
rows are of varying height, so I can't just set the height attribute in
css.

Here's the page:
http://as.biola.artofmission.net:8000/staff-directory/

If you look at it in Safari, you see what it's _supposed_ to look like. It
breaks in Firefox and IE.

Right now it's laid out using an unordered list. Ideally I'd like to make it
a table (since it's tabular data), and then figure out how to make table
rows with Radius tags. So after every fourth record, it would insert a new
</tr><tr> tag and start over. So far I haven't been able to figure this
out.

Here's the Radiant markup:

<r:find url="about-as/executive-leadership-team"> <h2
id="executive-leadership-team">Executive Leadership Team</h2> <ul
id="staff"> <r:children:each> <li class="<r:cycle values="first, second,
third, fourth"/>"><span><r:content/></span></li> </r:children:each> </ul>
</r:find>

Thanks for any help and advice you can give!