В фаерфоксе и в опере всё ок, в эксплорере… иначе :)
Собственно в чём дело: в лисе комментарии к топику начинаются с самого начала (от левого края аватарки) в ИЕ же от правого конца аватарки. Путём удаления всего чего можно в поисках ошибки, остался лишь такой код

<a name="comment6" href="http://localhost/profile/User1/"><img class="comments_avatar"   src="http://localhost/templates/skin/habra/img/avatar_24x24.jpg" width="24" height="24" alt="" title="User1" border="0"></a>
<div class="service_text_comments_holder">
 <a href="#comment6" class="small" title=" ссылка ">#</a> 
</div>
<div class="comment_text" >  Тестовый комментарий</div> 

img.comments_avatar {
  display:block;
  float:left;
  border:1px solid #DDDDDD;
  margin-right:10px;
  position:relative;
  top:5px;
}


.service_text_comments_holder {
  position:relative;
  top:10px;
  margin-right:4px;
}


div.comment_text {
  font-size:13px;
  padding:20px 0 16px 0;

  font-family:Arial; 
}

Удалив class=«comments_avatar» из тега img всё начинает писать по левому краю, но один под другим (аватарка, ссылка на коммент, текст комментария).
Если есть кто-то, кто разбирается в стилях, объясните как сделать, чтобы комментарии писалиь по левому краю аватарки во всех браузерах.