Проблема с редакотором топика

Есть такой баг: проявляется по разному в IE и FF (в хроме все работает как надо.

В IE:
Выделяем необходимое слово или фразу нажимаем «B», «I» и т.п. — выделяется правильно, но выделение смещается вправо на некоторое кол-во символов.

Если загружать картинку, то она всегда попадает в начало текста.

В FF:
При любой операции (выделение жирным, добавление картинки и т.п.) все отрабатывает корректно, но скролл перескакивает в начало текста.

Есть ли у кого готовое решение этих проблем?

Отступ текста в комментариях. IE

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

<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 всё начинает писать по левому краю, но один под другим (аватарка, ссылка на коммент, текст комментария).
Если есть кто-то, кто разбирается в стилях, объясните как сделать, чтобы комментарии писалиь по левому краю аватарки во всех браузерах.

Верстка под IE 7.0.5730.13


Вот, что происходит под IE 7.0.5730.13 на разрешении 1280х1024. Если зажать «ctrl -» То есть уменьшить размер сайта, то все станет на свои места. Это значит, что где-то надо уменьшить wigth…

Так, было выяснено, что это только, если зайти в «Коллективные»

Нашел решение!

Найдите такой код templates\skin\habra\css\global.css
.habrablock{
  background: #F0F0E7;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
.habrablock  table {
  margin:0;
  padding:0;
  width:100%;
}


И замените на:
.habrablock{
  background: #F0F0E7;
  margin-bottom: 20px;
  float: left;
  width: 97%;
}
.habrablock  table {
  margin:0;
  padding:0;
  width:97%;
}


Для тех кто не понял скачать global.css и поместить templates\skin\habra\css\