pre記法で縦・横スクロールバーをつける方法

はてなのある特定のテーマにおける「pre記法」ではそのpre領域で縦スクロールがつかず、下にただ伸びて行くのがデフォルトとなっているものがある。このCSSのまま長い文章、例えば長いコードをpreタグ内に書くと日記が「べろりん」と長くなってしまう。それを解消するためにCSSをいじってみた。
結局はやさんの協力により以下を追加すればよいことが判明した。

.body .section pre {
  /* pre領域の最大高さ */
  max-height: 30em; 
  /* 領域をはみ出た場合の処理。autoで通常はスクロールバーが出現 */
  overflow: auto;
}

ちなみに「.body .section」がないとうまくいかないようです。