Помогите побороть INPUT

[registerers]

вот собственно креатив: http://jsfiddle.net/pbj5S/

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

пытался двумя вариантами, в первом при position:absolute и left:0; right:40px; его ширина почему то не настраивается автоматически - кто знает, почему?

во втором настроил контейнер (синий) и в нем задал для инпута ширину 100%, но паддинги выталкивают его вправо ((((

помогите, кто шарит!!!

[alekseyk24]

http://jsfiddle.net/pbj5S/1/

[registerers]

  On 12/4/2012 at 4:07 PM, alekseyk24 said:

http://jsfiddle.net/pbj5S/1/

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

[alekseyk24]

  On 12/4/2012 at 4:23 PM, registerers said:

  On 12/4/2012 at 4:07 PM, alekseyk24 said:

http://jsfiddle.net/pbj5S/1/

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

отступ итак есть он у container2 слева и справа,,ну или поподробнее суть вопроса.

[registerers]

  On 12/4/2012 at 4:36 PM, alekseyk24 said:

  On 12/4/2012 at 4:23 PM, registerers said:

  On 12/4/2012 at 4:07 PM, alekseyk24 said:

http://jsfiddle.net/pbj5S/1/

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

отступ итак есть он у container2 слева и справа,,ну или поподробнее суть вопроса.

да то я просто по невнимательности его не убрал.. но он сути не меняет - инпут все равно вылазит из-за своих паддингов! почему?

[alekseyk24]

  On 12/4/2012 at 6:41 PM, registerers said:

да то я просто по невнимательности его не убрал.. но он сути не меняет - инпут все равно вылазит из-за своих паддингов! почему?

В моем примере в самом нижнем инпуте падинг равен 0 а у контейнера2 падинг 0 5px и все работает.

[registerers]

  On 12/4/2012 at 6:56 PM, alekseyk24 said:

  On 12/4/2012 at 6:41 PM, registerers said:

да то я просто по невнимательности его не убрал.. но он сути не меняет - инпут все равно вылазит из-за своих паддингов! почему?

В моем примере в самом нижнем инпуте падинг равен 0 а у контейнера2 падинг 0 5px и все работает.

спасибо, я это и так знаю, что оно так будет работать! но вы не поняли сути вопроса...

Меня интересует чисто теоретические вопросы:

1) почему в первом инпуте не работает растягивание left'ом и right'ом?

2) И как во втором случае задавать ширину, если во всех режимах кроме quirks-mode браузеры отсчитывают паддинги и бордеры наружу, а не вовнутрь?

Здесь кто-нибудь шарит в блочной модели??