Make divs on the same row equal height
===

I know this topic has been beat to death in a lot of other posts and articles, but I have a situation that hasn't really been addressed (than I can find).

I'm trying to display a large amount of links alphabetically listed and separated into divs based upon the first letter of the name. So, I have a parent div that contains a series of child divs, each of which contain some varying amount of text items. I float:left all the divs so that they will wrap and fill the available screen width.

In order to have each new row wrap to the left margin, I've had to put in Jscript setEqualHeight() to make all the divs the same height as the largest one. This creates a lot of rows that are taller than they need to be though. (see image at http://terrywysocki.com/divs-wrapped.jpg)

What I need is to either make all the divs in a given row the same height, or at least have the divs wrap back to the left margin when they go to a new row (preferably actually).
Since I don't know how large the divs will be and I don't know the page width, how can I treat "rows" separately?