Изменить положение кнопки в форме...

[Gensen]

Всем добрый день.

Проблема: не удается изменить местоположение кнопки в форме, по отношению к "textarea".

В хроме и сафари отображается нормально, но в остальных браузерах кнопка прилипает к "textarea".

Каким образом кнопку можно двигать в внутри формы, помимо использования "float"

Проясните, кто сталкивался с подобным, код прилагаю.

<div id="obratka">

<form action="" method="post">

<p class="f">Ваше имя^*</p>

<input type="text" name="t1" maxlength="40" size="30" class="text">

<p class="f">Ваш E-mail^*</p>

<input type="text" name="t2" maxlength="40" size="30" class="text">

<p class="f">Тема сообщения^*</p>

<input type="text" name="t3" maxlength="28" size="30" class="text">

<p class="f">Сообщение^*</p>

<textarea name="t4" maxlength="200" class="message">

</textarea>

<input type="submit" name="but" value="Отправить" class="button">

</form>

</div>

#obratka{background: url(images/obratka.png) no-repeat; float:left; margin-top: 25px; width: 230px; height: auto; min-height: 348px;}

#obratka form {font-family: Arial; font-size: 12px; color: #323232; padding: 0 9px;}

.f {padding: 5px 0 2px 0;}

.text {height: 14px; width:210px;}

.message { width:211px; height:155px; margin: 0; padding:0; box-shadow: none; }

.message:focus { width:211px; height:155px; margin: 0; padding:0; box-shadow: none; }

.button {width: 118px; background:url(imagesNew/sendb.png) no-repeat; float: right; color: #323232; font-weight: bold; padding: 0; margin: 0;}

.button:hover{text-shadow:1px 1px 1px white,1px 1px 1px white,1px 1px 1px white; color: #a52727;}

[br3t]

.button {
    margin: 5px 0 0;
}

[Gensen]

Спасибо за помощь!

Плюс с меня завтра, сегодня система говорит, что достигнут лимит, хотя я еще никому сегодня плюс не ставил.

Не получается поставить ПЛЮС.

Постоянно всплывает окно: Действие не выполнено, вы исчерпали лимит положительных оценок на сегодня.

Edited April 6, 2012 by Gensen