Wordpress Comments Not Showing Properly In Firefox

[ut3hound]

Hi, I was hoping somebody could please help me with this problem. I created a Wordpress blog using the "dark touch" template. Everything is working fine except when somebody tries to view user comments in Firefox. The first comment is squished to the far right of the screen.

You can see an example here:
http://ut3hound.com/2007/11/17/top-5...r-get-updated/
(scroll to the bottom)

Oddly, comments after the first one look fine. Also, the problem doesn't show up in IE.

Any suggestions? Thanks.

[lazynitwit]

Try adding:

#commentlist {
  clear: both;
}

to your stylesheet.

The header for "Comments" is being floated to the left, which is causing the issue. I used Firebug to manually add style="clear: both" to the commentlist and it displayed fine.

[ut3hound]

Thanks Lazy, worked like a charm. For posterity, here's where I added it in on my stylesheet:

/* Comments */
#commentlist {
clear: both;
}
.commentlist li, #commentform input, #commentform textarea {
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li {
font-weight: bold;
}