IEでdivの幅が縮む

20080125
下のスクリプトのどこに問題があったのか、もう一度やってみました。
このコードが動かなかったのは、なぜなのか、わからなくなりました。
正常に動くことが確認できたので横線引っ張っておきます。
ごめんなさい。

ごくありふれた、タブメニューを畳み込んでしまおうと、toggleを使ったが、幅方向が、縮んで、うまく直すことが出来なかった。
後で、解決できるように、メモを残しておく。

【スクリプト部分】
$("#main_menu_tab_link").click(function(){
		$("#main_menu_tab").toggle("slow");
});

【html部分】
<div id="main_menu_tab">
<strong >このページのコンテンツリスト</strong>
<ul>
<li><a href="#h248"><span>最新ブックマーク</span></a></li>
<li><a href="#h255"><span>新しいコンテンツ</span></a></li>
</ul>
<br style="clear: both;">
</div>
【css】
    #main_menu_tab {
    /* float:left;*/

     width:100%;
     font-size:93%;
     line-height:normal;
         border-bottom:1px solid #6B78A9;
	background:url(/upload/tab_div_bg.gif) repeat-x left bottom;
     }
   #main_menu_tab ul {
         margin:0;
         padding:10px 10px 0 30px;
         list-style:none;
     }
   #main_menu_tab li {
	display:inline;
     margin:0;
     padding:0;
	  height:25px;
	  overflow:hidden;
	  
     }
   #main_menu_tab a {
    float:left;
     background:url(/upload/tableft4.gif) no-repeat left top;
     margin:0;
    padding:0 0 0 7px;
     text-decoration:none;
     }
   #main_menu_tab a span {
   float:left;
     display:block;
     background:url(/upload/tabright4.gif) no-repeat right top;
     padding:5px 15px 4px 6px;
     color:#6B78A9;
     }
   /* Commented Backslash Hack hides rule from IE5-Mac \*/
   #main_menu_tab a span {float:none;}
   /* End IE5-Mac hack */
   #main_menu_tab a:hover span {
     color:#6B78A9;
     }
   #main_menu_tab a:hover {
     background-position:0% -42px;
     }
   #main_menu_tab a:hover span {
     background-position:100% -42px;
     }
     #main_menu_tab #current a {
             background-position:0% -42px;
     }
     #main_menu_tab #current a span {
             background-position:100% -42px;
     }

余談：
このようなことがあり、IE6で検索して、どこかにヒントがないか、調べてみた。
　
　FireFoxだと、ごく普通に動作しているので、思いもしなかったことだけれど、有名なサイトでも、IEで動作しない事があることを知った。

　私の閲覧環境のせいかもしれない、、、

　そのうちに、氷解する問題だといい。

　どうせ、知らない道を走っているんだ。抜け道があるか、行き止まりになるかなんて、わかるはずがないんだから、