Javascript-форум - вставка textarea

<td colspan="3">
  <strong>Comments:</strong>
  <div class="comments">
         Lorem ipsum dolor sit amet, consectetur adipiscing elit.
         Nam placerat luctus nunc sit amet varius. 
         Mauris hendrerit ante vel felis cursus a feugiat libero
         mattis. Integer pharetra vestibulum blandit.
   </div>
   <div class="line button-set">
           <button class="btn">Edit</button>
   </div>
</td>

Вставляю в <div class="comments"> textarea, текст из div'a удаляю
и передаю его в textarea

var commentsCntrl=$("<TEXTAREA>");
        commentsCntrl.css("width","1150px");
        commentsCntrl.css("text-align","left");
        commentsCntrl.css("display","block");
        var comments=$(elm).find(".comments");
        var commentsTxt=comments.text();
        $.trim(commentsTxt);
        commentsCntrl.text(commentsTxt);
        comments.text("");
        comments.append(commentsCntrl);

получается так, что textarea перекрывает собой
кнопки:

<div class="line button-set">
           <button class="btn">Edit</button>
</div>

а надо чтоб кнопки сдвигались вниз под текстариа

и текст из дивки как то странно вставляется в текстариа,
по центру
первая и последняя строка пустые, а справа и слева
пробелов куча
(хотя вызываю jquery trim())