В фаерфоксе и в опере всё ок, в эксплорере… иначе :)
Собственно в чём дело: в лисе комментарии к топику начинаются с самого начала (от левого края аватарки) в ИЕ же от правого конца аватарки. Путём удаления всего чего можно в поисках ошибки, остался лишь такой код
<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 всё начинает писать по левому краю, но один под другим (аватарка, ссылка на коммент, текст комментария).
Если есть кто-то, кто разбирается в стилях, объясните как сделать, чтобы комментарии писалиь по левому краю аватарки во всех браузерах.