下部固定について

2カラムに分けたページを作っています

サイドカラムには、バナーやメニューバーを表示したいと思っています


<!-- サイドカラムここから -->
<div id="menu">
　<img src="./img/aaa.png">
　<img src="./img/bbb.png"><
　<img src="./img/cccc.png">
　<div id="topbox">
　　<div id="msgbox">メッセージメッセージ</div>
　</div>
</div>
<!-- サイドカラムここまで -->



#menu{
　float:right;
　width:250px;
　height:100%;
}
#menu #topbox{
　position: absolute;
　bottom:0px;
}
#menu #topbox #msgbox{
　width:230px;
　height: 230px;
　border: 3px double #000000;
}


質問・・・・

<div id="msgbox">メッセージメッセージ</div>

この箇所が常に下部に表示されてほしいのですが
うまくいきません。
（さらに下部にフッターを固定しています）

メインカラムの内容によってはサイドカラムの高さも増減することが
条件です

ご教示ください
よろしくお願いします

No.1 回答者： sora1tora2 回答日時： 2011/04/25 20:58

こんにちは

少し意味が分かりにくかったのですが、

”<div id="msgbox">メッセージメッセージ</div>”

の部分をブラウザ下部分に固定したい、という事でしょうか？

であるならば、

posision: fixed;

で固定されます。ただし、ＩＥ６以下では多少ぶれてしまいます。対処法もあるのですが。