Резиновая форма входа

[grebovich]

Всем привет!

Помогите установить резиновую форму входа,установил в шапку форму входа такого вида:

 

 

Но при просмотре с розширением  1024х600  форма смещается и все плывет!

 

 

Пробовал по всякому и где то туплю?!

Заранее всем спасибо за помощь.

 

Вот мой код CSS:

/******************************
 INPUTS
*******************************/

input[type='text'],
input[type='email'],
input[type='password'],
textarea {
    background: #fafafa;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #dbdbdb;
    padding: 6px 3px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
    padding: 5px;
    margin: 5px 0 0;
    min-height: 28px;
    min-width: 155px;
    max-width: 155px;
    }

textarea {
    max-width: 100%;
    width: 100%;
    resize: none;
    height: 150px;
    }

input[type='text']:hover,
input[type='email'],
input[type='password']:hover,
textarea:hover {
    background-color: #f7f7f7;
    }

input[type='radio'],
input[type='checkbox'] {
    margin: 5px;
    }

select {
    background: #f4f4f4;
    border: 1px solid #dbdbdb;
    padding: 5px;
    margin: 5px;
    }

label {
    cursor: pointer;
    padding-right: 20px;
    font-weight: bold;
    }

span.error {
    display: inline-block;
    background-color: #ea2e49;
    color: white !important;
    padding: 3px 4px 2px 4px;
    font-size: 12px;
    margin-top: 5px;
    }

[grebovich]

Без ссылки на сайт помочь нельзя.

CSS и скриншот - это ни о чем! На форуме пока нет никого с Webkit-ом в мозгу.

Так ссылки то нет! На денвере все!

Хот примерно куда  копать!

[grebovich]

Открыть fire bug и править CSS в firebug - смотреть обратную связь

Загрузил сайт на хостинг http://mosini.ru/

Взгляните пожалуйста! ниче не получается  что ему надо....! :(

[grebovich]

 

Кусок формы, отвечающий за вывод полей ввода не предназначен для резинового дизайна.

<div class="content">
<b>E-Mail: </b><input type="text" size="20" value="" name="email">
<b>Пароль: </b><input type="password" size="20" value="" name="password">
<b> </b><input type="submit" class="button1" value="Войти">
<b> </b><a title="Регистрация" href="index.php?route=account/simpleregister">Регистрация</a></div>

ну подскажите пожалуйста как его изменить чтоб подходил для резинового дизайна,сутки уже парюсь и ни с какую!

Сейчас изминил на такой код и все равно ни как!

<div class="content">
<b>E-Mail: </b><input type="text" name="email">
<b>Пароль: </b><input type="password" name="password">
<b> </b><input type="submit" value="Войти" class="button1" />
<b> </b><a href="index.php?route=account/simpleregister" title="Регистрация">Регистрация</a></div>