Трудности с позиционированием

[ohinem]

Доброго времени суток.

Начал применять свои теоретические навыки на практике и столкнулся с небольшими трудностями. Прикладываю рисунок, того что должно быть и результат получившейся вёрстки.

Вроде, всё кроссбраузерно, кроме как в IE. Как там округлить границы блоков? И ещё когда нажимаешь на textInput, то он выделяется жёлтым цветом, видел в Twitter-e и на других сайтах, он либо вообще не выделяется, либо выделяется, другим цветов(под цвет дизайна). Как это сделать?

Теперь непосредственно к основной задаче:

Вот как должно выйти:

http://i082.radikal.ru/1209/96/c71bd55a88a9.png

Вот вёрстка, которую я сделал:

http://rghost.ru/40568111

Вероятно, вы увидели различия. Хотелось бы понять, как сделать, чтобы inputText был под submit. Пробую играться с margin-left и margin-right, не выходит, всегда inputText находится над Submit.

Мне не нужен готовый код, я просто хочу понять, как это сделать.

Всем откликнувшимся, заранее спасибо!

[Modestes]

input.sSubmit{

position: relative;

right: 60px;

}

только зачем вам это) и так ведь нормально

можно еще у поля убрать скругление справа и у кнопки слева соответственно и прижать их к друг дружке, чем накладывать сверху инпута кнопку

и текст "Search this website" нужно обрамлять тегом <label> а не <p>, т.е. так:

<form>

<!--Текст выводится до поля-->
<label>Форма поиска</label>
<input type="text">

<!--Текст выводится после поля-->
<input type="text">
<label>Форма поиска</label>

</form>

Edited September 25, 2012 by Modestes

[ohinem]

Просто решил сделать, как на макете.

А вообще я рассматривал вариант, чтобы это просто как слитно смотрелось.

Сейчас почитаю про label. Спасибо.)