Всем добрый день. Проблема: не удается изменить местоположение кнопки в форме, по отношению к "textarea". В хроме и сафари отображается нормально, но в остальных браузерах кнопка прилипает к "textarea". Каким образом кнопку можно двигать в внутри формы, помимо использования "float" Проясните, кто сталкивался с подобным, код прилагаю. <div id="obratka"> <form action="" method="post"> <p class="f">Ваше имя<sup>*</sup></p> <input type="text" name="t1" maxlength="40" size="30" class="text"> <p class="f">Ваш E-mail<sup>*</sup></p> <input type="text" name="t2" maxlength="40" size="30" class="text"> <p class="f">Тема сообщения<sup>*</sup></p> <input type="text" name="t3" maxlength="28" size="30" class="text"> <p class="f">Сообщение<sup>*</sup></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;}