overflow:auto で横スクロールバーが表示されない件（解決）

Blogger デフォルトスタイルシートの方で word-wrap: break-word;が定義されていたのが原因でした。

#main {
  float: left;
  width: 460px;
  margin: 20px 0 0 0;
  padding: 0 0 0 1em;
  line-height: 1.5em;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

ユーザー定義スタイルシートの方で word-wrap:normal;を指定することで解決。

pre {
  margin:3px;
  padding:3px 8px;
  overflow: auto;
  word-wrap:normal;
}
pre.term {
  background-color:#111;
  color:#EEE;
}
pre.code {
  background-color: #E5E5E5;
}

なーんだ。

関連URL

• overflow－スタイルシートリファレンス

overflow:auto にしてるのに横スクロールバーが表示されない

Safari での現象。
以下のページでは横スクロールバーが表示されてます。

preへのスタイル指定

これと同じHTMLを以下に記述したんだけど、横スクロールバーが表示されないのです。

<div class="asamashi">

  <p class="image">
    <a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4873110270%26tag=hail2unet-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4873110270%253FSubscriptionId=08PWFCAAQ5TZJT30SKG2">
      <img alt="JavaScript" src="http://images.amazon.com/images/P/4873110270.09._SCMZZZZZZZ_.jpg" width="109" height="140" />
    </a>
  </p>

  <h4 class="title">
    <a href="http://www.amazon.co.jp/gp/redirect.html%3FASIN=4873110270%26tag=hail2unet-22%26lcode=xm2%26cID=2025%26ccmID=165953%26location=/o/ASIN/4873110270%253FSubscriptionId=08PWFCAAQ5TZJT30SKG2">JavaScript</a>
  </h4>

  <ul>
    <li>デイビッド フラナガン、 David Flanagan、 村上 列、 垰井 正雄、 安藤 進</li>
    <li>オライリー・ジャパン</li>
    <li>2000-12</li>
    <li>￥ 4,410</li>
  </ul>

</div>

どうして？教えて〜。

解決しました。