スクロール可能なテーブルを作ってみた

CSS

404 Blog Not Found - スクロール可能なテーブル w/o JavaScript

Firefox,Operaの動作は確認済み。
まだIEでの確認してない。あははは
(こちら)

<style type="text/css" media="screen">
table{border-collapse:collapse}
#scrollable_table_sample{position:relative;}
.scrollable_inner{overflow:auto;height:100px;width:244px}
.table_head div{float:left}
.table_foot div{float:left}
#scrollable_table_sample div,#scrollable_table_sample th,#scrollable_table_sample td{margin:0px;padding:0px;font-size: 13pt;line-height:20px}
#scrollable_table_sample .value{width: 32px;border: 1px solid gray}
#scrollable_table_sample .japanese{width: 64px;border: 1px solid gray;border-width: 1px 1px 1px 0px}
#scrollable_table_sample .chinese{width: 64px;border: 1px solid gray;border-width: 1px 1px 1px 0px}
#scrollable_table_sample .english{width: 64px;border: 1px solid gray;border-width: 1px 1px 1px 0px}
</style>

<div id="scrollable_table_sample">
<div class="table_head">
<div class="value">&nbsp;</div>
<div class="japanese">日本語</div>
<div class="chinese">中文</div>
<div class="english">English</div>
</div>
<div style="clear:left"></div>
<div class="scrollable_inner">
<table>
	<tbody>
		<tr><th class="value">0</th><td class="japanese">ぜろ</td><td class="chinese">零</td><td class="english">zero</td></tr>
		<tr><th class="value">1</th><td class="japanese">いち</td><td class="chinese">一</td><td class="english">one</td></tr>
		<tr><th class="value">2</th><td class="japanese">に</td><td class="chinese">二</td><td class="english">two</td></tr>
		<tr><th class="value">3</th><td class="japanese">さん</td><td class="chinese">三</td><td class="english">three</td></tr>
		<tr><th class="value">4</th><td class="japanese">し</td><td class="chinese">四</td><td class="english">four</td></tr>
		<tr><th class="value">5</th><td class="japanese">ご</td><td class="chinese">五</td><td class="english">five</td></tr>
		<tr><th class="value">6</th><td class="japanese">ろく</td><td class="chinese">六</td><td class="english">six</td></tr>
		<tr><th class="value">7</th><td class="japanese">なな</td><td class="chinese">七</td><td class="english">seven</td></tr>
		<tr><th class="value">8</th><td class="japanese">はち</td><td class="chinese">八</td><td class="english">eight</td></tr>
		<tr><th class="value">9</th><td class="japanese">きゅう</td><td class="chinese">九</td><td class="english">nine</td></tr>
		<tr><th class="value">10</th><td class="japanese">じゅう</td><td class="chinese">十</td><td class="english">ten</td></tr>
	</tbody>
</table>
</div>
<div class="table_foot">
<div class="value">&nbsp;</div>
<div class="japanese">日本語</div>
<div class="chinese">中文</div>
<div class="english">English</div>
</div>
<div style="clear:both"></div>
</div>