Исправлено Div внутри родителя

Question

Я хочу иметь фиксированный div внутри родительского div. Эта скрипка даст вам пример: http://jsfiddle.net/4bGqF/873/

Как вы можете видеть, фиксированный div вырывает контейнер. Он должен оставаться в верхней части контейнера, но не быть больше контейнера (включая полосы прокрутки).

Возможно ли это?

Код:

* { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
} 

#container { 
    width: 400px; 
    padding-top:40px; 
    height: 140px; 
    background: green; 
    overflow-y:scroll; 
    position: relative; 
} 

#fixed { 
    position: absolute; 
    top:0; 
    left:0; 
    width:100%; 
    border: 1px solid green; 
    background: red; 
} 

Answer 1

Изменение позиции значение и придать ему ту же ширину, что и родительский DIV.

CSS-о «fixed'-DIV будет:

#fixed { 
    position:fixed; 
    top:0; 
    left:0; 
    width:400px; 
    border: 1px solid green; 
    background: red; 
} 

как это? jsFiddle