メニューにスクロールバーをつけてみた

更新頻度の低いブログなのですが、それでも３年も続けているものですから、メニューの『過去の記事』が長々と連なって見苦しく感じるようになりました。
この下に『カテゴリー』や『最新の投稿』のリストがあるので、何とか『過去の記事』をコンパクトにまとめたいところです。
かといって無料版を使用しているので、HTMLはいじれないし。

そこで、mixiのgooブログコミュニティなどを参考にして、メニューにスクロールバーをつけてみました。
本当は『過去の記事』だけにスクロールバーをつけたいのですけれど、無料版ではCSSの編集しか出来ませんので、メニュー全てに編集結果が反映してしまいます。
なので、カレンダーとプロフィール以外のメニューにスクロールバーがつくという、ちょっとうざい結果に…（笑）

仕方ないので、背景をシンプルにしてうるささを感じにくいようなデザインを心がけてみました。いかがでしょうか？

参考までにこんな風にいじっています。赤字の部分が追加したところです。
使用しているテンプレートは「シンプル > クリアホワイト左」です。

/* メニューのリスト背景 */
.menuBg {
padding: 0px 0px 30px 0px;
text-align: left;
height: 180px;
overflow: auto;
}

高さを180pxにしたのは、単に、私のPCだと『カテゴリー』のリストをスクロールしないで見られるというだけです。
本当はもっとコンパクトにしたい！