2 проблемы с формой

[nazarlee]

Всем привет.

Код формы:

<div id="contact-wrapper">
  <form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>" id="contactform">
<div>
  <label for="name"><strong>Name:</strong></label>
  <input type="text" size="50" name="contactname" id="contactname" value="" />
</div>
<div>
  <label for="email"><strong>Email:</strong></label>
  <input type="text" size="50" name="email" id="email" value="" />
</div>
<div>
  <label for="subject"><strong>Budget:</strong></label>
  <input type="text" size="50" name="subject" id="subject" value="" />
</div>
<div>
  <label for="message"><strong>Message:</strong></label>
  <textarea rows="5" cols="50" name="message" id="message"></textarea>
</div>
<div id="go">
  <a href="javascript:document.forms[0].submit( );"><img src="img/go_to.png" onmouseover="this.src='img/go_after.png' " onmouseout="this.src='img/go_to.png'" border="0"/></a>
</div>
</form>
</div>

Проблема первая: Не могу добиться кроссбраузерности по ширине между ячейками типа <input> и <textarea>. Прилагаю скрины.... А хотя нет не прилагаю. Не могу найти где аттач тут.

Проблема вторая: Сейчас все ячейки идут одна за одной. Мне нужно, что бы текстовая область распологалась справа от первый 3-х ячеек. Понятно? padding-left - помог отодвинуть её в сторону. Но padding-top and buttom не работают здесь. Тоесть вверх подвинуть текстовую область так, что бы она была паралельно первым трем - НЕ ПОЛУЧАЕТСЯ. Как поступить?

Можно как-то скрины добавить?

[web-monster]

Прочти рекомендации сверху страницы про добавление скринов