проблема отступов

[shaded]

Здрасте братцы, извините сразу ссылку дам freayy.ru, посмотрите форму логина, не могу сделать, чтобы слова Логин/Пароль были аккуратно напротив текстовых полей.

И вообще кажися я не понимаю как эти отступы пашут о_О, вообще не пашут. Рылся тут по форуму, факу и прочея, догадываюсь что проблема типовая, но, извините ответа не нашёл.

Если направите на какое то могучее руководство по моей проблеме очень, очень буду рад.

Для тех кто не хочет смотреть сайт, немного изменённый но практически тот же код формы логина:

<style>
.lgin{width:55px;}
.otst3 {float:left;margin-left:55px;}
.otst{position:relative;margin-top:3em;}
.lgin1{clear:both;position:relative;top:6px;}
</style>

<div><div class="lgin"><p class="otst">Логин</p></div><div class="otst3">
<input type="text" name="username" tabindex="1" onkeypress="return webLoginEnter(document.loginfrm.password);" size="8" style="width: 150px;" value="" />
</div></div></div>
<div class="lgin"><div class="otst2"><b>Пароль</b></div><div class="otst3">
<input type="password" name="password" tabindex="2" onkeypress="return webLoginEnter(document.loginfrm.cmdweblogin);" style="width: 150px;" value="" />
</div></div>

Спасибо за внимание.

Ну и оффтоп: можно покритиковать вёрстку, чё подсказать, буду рад.

З.Ы.

Капча на сайте у вас просто ужасная, вынесла весь мозг. И ещё незаметно для себя зарегистрировался и долго ещё вводил просто так буквы не обратив внимания что форма стала говорить "такой логин и почта уже есть в системе"

[psywalker]

Во-первых Формы по шагам изучить http://stepbystep.htmlbook.ru/

Во-вторых почему нет тега form?

Далее все текстовые импуты можешь засунуть в лейблы

Да, и обнули изначально отступы у всей формы и её элементов.