I'm very happy with the functionality of JoomlaComment! There's one interaction in particular that looks bad, with the button being [size=3][/size]truncated on the left. An example can be found at:
http://www.peopleandprojectspodcast.com/index.php/podcast-episodes/35-episodes.html

I'm guessing it may have to do with my RocketTheme template. Any suggestions? Thanks!

FYI. Here's the CSS for readon from the template:
[size=2].readon {display: inline-block;margin-left: 10px;height: 24px;}
.readon .button {outline: none !important;}
.readon span, .readon .button {display: block;margin-left: -10px;border: 0px none;font-size: 13px;cursor: pointer;height: 24px;line-height: 23px;float: left;font-weight: bold;overflow:visible; padding-left:12px; padding-right:12px; padding-top:0; padding-bottom:3px}
.readon span span {display: inline;background: none;margin-left: 0;padding: 0;float: none;}
body .readon:hover, #rt-popup .readon:hover {background-position: 100% -32px;}
body .readon:hover span, body .readon:hover .button, #rt-popup .readon:hover span, #rt-popup .readon:hover .button {background-position: 0 -32px;}[/size]