Я хочу, чтобы div с фиксированной позицией находился внутри div с overflow-y: scroll, что означает, что я хочу, чтобы div оставался на месте, в то время как остальное содержимое прокручивается нормально. И я могу'не могу понять, что не так, кто-нибудь может помочь? заранее спасибо...

.foo {
    position:relative;
    display:block;
    width:100%;
    height:300px;
    overflow-y:scroll;
}
.bar {
    position:fixed;
    top:0;
    right:0;
}

А вот и HTML

    
    ...
    ...
    ...
    ...