cssでのサイドバーの作り方

Question

###前提・実現したいこと
CSS初心者ですが、CSSを使ってサイドバーを作りたいと思っています。containerの中の左側にmain-container(マイページの内容)、右側にside-container(サイドバー)を並べて入れようとしています。
さらに、サイドバーをマイページの上部に固定されたままにしたいです。(サイドバーがスクロールについてくる必要はありません)

123
456
789
でページを例えるなら、124578をマイページの内容が占め、3にサイドバーが入るような感じです。サイドバーの方が短いためです。

###発生している問題・エラーメッセージ
以下のようにソースを書いたのですが、現状では9の位置でサイドバーが固定されます。CSSのどこを変更すればうまくいきますでしょうか？

###該当のソースコード

<div class="container">	
  <div class="main-container">
    <h3>マイページ</h3>
      <!-- 中身がいろいろと -->
  </div>
  <div class="side-container"><?php write_sidebar(); ?></div>
</div>          

.container {
  width: 1000px;
  margin: 0 auto;
}
.main-container {
  width: 750px;
  margin: 0 auto;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #0000ff;
  padding: 0.5em;
  display: inline-block;
}
.side-container {
  width: 200px;
  margin: 0 auto;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #0000ff;
  padding: 0.5em;
  display: inline-block;
}

###補足情報(言語/FW/ツール等のバージョンなど)
PHP 5.3.0
古いブラウザIE6などは考慮しなくても構いません(普段はChrome53を使っています)

Answer 1

以下追加してみてはどうでしょうか？

.side-container {
  position:fixed;
  top 10px;
  right:10px;
}

Answer 2

.side-container にposition:fixed;を追加してください

Answer 3

以下のページのような感じで良いのでしょうか？

http://surferonwww.info/blogengine/default.aspx

でよければ、作りが簡単なので、IE の F12 開発者ツールとか Firefox の Firebug などを使ってどのようなスタイルが適用されているか調べればすぐわかると思います。

分からなければ質問してください。