Ввод в полускрытый input смещает div, в котором он находится

[Scepticus]

Доброго времени суток!
Есть такая задача - инпут частично скрыт под дивом, при вводе инпут выезжает вверх вместе с содержащим его дивом так, что становится полностью виден, соответственно сдвигается и див. Как сделать так, что бы при вводе ни див, ни инпут не сдвигались, т.е. инпут так и оставался наполовину скрытым?

Код на фидле: http://jsfiddle.net/YBd3G/

он же:

<div style="overflow: hidden; height: 100px; border: 1px red solid;">
    <div style=" height: 200px; border: 1px green solid;padding-top: 85px;">
        <input />
    </div>
</div>

[Deff]

Scepticus,
Задайте input позицию absolute;

[ksa]

Как сделать так, что бы при вводе ни див, ни инпут не сдвигались

Они не сдвигаются... Это прокрутка родительского дива...
А как ему еще себя вести при фокусе на полувидимый дочерний элемент?

[Scepticus]

Ага, скролл увидел, тогда вопрос другой - как избавиться от прокрутки?

[Scepticus]

Первое решение - http://jsfiddle.net/YBd3G/11/ ... М.б. кто-нибудь получше предложит?...