Finally fixed the overlapping text in my comments sections, lol. I sat down and prepared myself to dig in… but it turned out to be quite simple. Utilizing the ever-helpfull Firebug plugin I pinned down the offending div and took out it’s fixed height. I also needed to set a min height on another div since, I think, the floating avatar image was causing the CSS to not obey the margin set by the div it was nested inside. Weird… but then, CSS has always been a point of confusion for me. It’s definitely not intuitive!
What I should have done was written the comments code completely from scratch like I did the rest of the site… Oh well, maybe one day!