css - サイドバーにdivを固定して重ならないようにする方法

Question

私は2つのdivを持っています

<div class="container">
example data example data example data ...
</div>

<div class="sidebar"></div>

そして私はそのようにスタイルします

.container {
    width:300px;
    height:auto;
    margin:auto;
    padding-top:10px;
    background-color:blue;
}
.sidebar {
    height: 150px;
    width: 150px;
    background-color:#ddd;
    position:fixed;
    right:20px;
    top:60px;
}

サイドバーを固定したいのですが、重ならない小さな幅のウィンドウをスケーリングすると

これを行う方法は私の例ですhttp://jsfiddle.net/npUaf/