(SAMPLE)flexcroll

『<body>』内のソースです

<body>

<div id="update">
<h3 class="midashi">新着情報</h3>
<div id="box" class="flexcroll">
<dl>
<dt> <img src="sintyaku.gif" border="0" />2010年11月22日　 </dt>
<dd> <a href="#">【1件目！】1件目の投稿　○○○のページ　更新しました。</a> </dd>
</dl>
　

</div>

</div>
</body>

スクロール部分のCSSです。

/* 本体 */
div#box {
padding:10px;
width:700px;
height:210px;
overflow:auto;
position:relative;
background-color:#FFFBEE;
}

/* 本体 */
.scrollgeneric {
line-height:1px;
font-size:1px;
position:absolute;
top:0;
left:0;
}

/* 縦スクロール範囲 */

.vscrollerbase {
width:10px;
background-color:#eee;
}

/* 縦スクロールバー */
.vscrollerbar {
width:10px;
background-color:#900;
}

/* 横スクロール範囲 */
.hscrollerbase {
height:10px;
background-color:#eee;
}

/* 横スクロールバー */
.hscrollerbar {
height:10px;
background-color:#900;
}

/* 縦横スクロールバー */
.scrollerjogbox {
width:10px;
height:10px;
top:auto;
left:auto;
bottom:0;
right:0;
background-color:#eee;
}