fixed_midashiをdiv内スクロールながらbodyスクロールのような動作にしたい

#実現したいこと

fixed_midashiで、列固定行固定のテーブルをbodyモードで実現したいです。
下にスクロールすると、テーブルヘッダがついてくる動きです。

動作の例：
http://hp.vector.co.jp/authors/VA056612/fixed_midashi/manual/demo_page.html?mode=body

しかし、今の画面設計が、メインコンテンツ部分とサイドコンテンツ部分に分かれていまして、
bodyスクロールではなく、mainDiv内のスクロールとなっています。
そのため、fixed_midashi側で検知できないようで、ヘッダが付いてきません。

div内スクロールでbodyスクロールのような動作にする方法は無いでしょうか？

html
1<html>
2<head>
3    <!-- cssやjsの定義部分 -->
4    <script type="text/javascript" src="../js/fixed_midashi.js"></script>
5</head>
6<body>
7    <!-- メインのコンテンツ -->
8    <div id="main"style="overflow-x: auto;overflow-y:auto;">
9        <div style="width:78%;overflow-x: auto;overflow-y: fixed;float: left;">
10            <!-- このテーブルを列固定・行固定にしたい -->
11            <table _fixedhead="rows:1; cols:1; div-auto-size: none;">
12                <thead>
13                <tr><th>header1</th><th>header2</th></tr>
14                </thead>
15                <tbody>
16                <tr><td>...</td><td>...</td></tr>
17                <tr><td>...</td><td>...</td></tr>
18                <tr><td>...</td><td>...</td></tr>
19                <tr><td>...</td><td>...</td></tr>
20                <tr><td>...</td><td>...</td></tr>
21                <tr><td>...</td><td>...</td></tr>
22                <tr><td>...</td><td>...</td></tr>
23                <tr><td>...</td><td>...</td></tr>
24                <!-- とにかく縦に長くdiv mainがスクロールする -->
25                </tbody>
26            </table>
27        </div>
28    </div>
29    <!-- メインコンテンツここまで -->
30    <!-- 左サイドのコンテンツ -->
31    <div class="sidebar">
32        <ul>
33            <li>各メニュー</li>
34            <li>各メニュー</li>
35            <li>各メニュー</li>
36            <li>各メニュー</li>
37        </ul>
38    </div>
39    <!-- 左サイドのコンテンツここまで -->
40</body>
41</html>
42