Html 怎么回事？！？div中的文本在除IE7之外的所有位置都右换行。IE7每行有一个单词？

我有一个无序列表，有点像一个嵌套的javascript帮助框。单击“帮助”主题，将显示一个带有帮助项的可滚动div。这些帮助项是无序列表

在FF、Safari、IE6（出于某种原因，我在IE6中得到了一个水平滚动条）和IE8中，一切都很好。但在IE7中，它每行给我一个单词，并使滚动条verrry looong作为补偿。我找了，但还没看到我要找的东西。在IE中的开发者工具中，我看不出什么明显的问题，但当我将其切换到IE7模式时，问题就在那里重现了

谢谢你的帮助！ 乔尔

编辑： 一些代码

帮助框：

<div class="helpbox">
     <h2 class="title2a adjust"><a class="nodecoration" href="javascript:animatedcollapse.toggle('collapse1')">Quick Start</a></h2>
     <div id="collapse1" class="helpbox2">

              <ul id="helpbo">
                  <li class="helpchange"><a href="#">Add Items</a></li>
                  <li class="helpchange"><a href="#">Create Timeline</a></li>
                  <li class="helpchange"><a href="#">Set Reminder</a></li>
                  <li class="helpchange"><a href="#">Detailed Help Topics</a></li>
              </ul>
              <hr class="ninetypercent"></hr>

              <div class="instructions helpitems" id="animators">
                <div class="container"><ul>
                <li>Make sure the <b>Monthly</b> tab is highlighted on the top right of the screen.</li>
                <li>Click on the day that you want to add an event.</li>
                <li>You can create a main event-which you can apply a timeline to, or you can create a simple to-do item.</li>
                <li>Fill in the details.  If you are creating a main event, you can add a timeline.  If you don't know how to do that, read the <b>Create Timeline</b> help link above.</li>
                <li>Click <b>Save</b> when you're done.</li>
                <li>Your event or to-do will now show up in your calendar.</li>

                  </ul></div>

                  <div class="container"><ul>
                  <li>Click on the <b>Admin</b> tab on the top right of the screen.</li>
                  <li>In the main display, next to <b>Manage</b> click <b>Add Timeline</b></li>
                  <li>A new blank timeline template will appear.</li>
                  <li>Give a descriptive title of your timeline. You can always go back and edit things later if you need to.</li>
                  <li>The first column, <b>Days From Event</b>, is the number of days before or after the main event that you want the to-do item to happen.  It must be a number-negative numbers for the days before the event and positive number for days after the event.</li>
                  <li>Fill in the <b>Days From Event</b>, the <b>Title</b> and <b>Description</b> of each to-do item you want to create.</li>
                  <li>Click <b>Add More To-Do Items</b> to add another item.  Add as many items as you need.</li>
                  <li>If you have added <b>Team Members</b>, you can assign tasks to members in the <b>assigned to</b> column.</li>
                  <li>When you have finished your new timeline, click <b>Save Timeline</b>.</li>
                  <li>Your new timeline is now ready to be applied to your main events</li>
                  </ul></div>

                  <div class="container"><ul>
                  <li>You can set a reminder for a main event or a to-do item.</li>
                  <li>Make sure the <b>Monthly</b> tab is selected on the top right of the screen.</li>
                  <li>First, <b>Create or Select</b> the event that you want to set a reminder for.</li>
                  <li>If you have selected an existing event, click <b>Edit Event</b>.</li>
                  <li><b>Click</b> the <b>Checkbox</b> next to the word <b>Reminder</b>. </li>
                  <li>Set the date and time you'd like your reminder, and you'll get an email reminder then.</li>

                  </ul></div>

                  <div class="container"><ul>
                                    <li>For more detailed help on specific features, please click on the <b>Help</b> tab at the top right of the screen.</li>
                                    <li>There, you will find several <b>Tutorial Videos</b> That can walk you through more of the complex features.</li>

                  </ul></div>


              </div>
            <div class="closebutton">
                 <a href="javascript:animatedcollapse.toggle('collapse1')">close</a>
            </div>


      </div>
</div>

确保每月选项卡在屏幕右上角突出显示
单击要添加事件的日期
您可以创建一个可以应用时间线的主事件，也可以创建一个简单的待办事项
填写细节。如果要创建主事件，可以添加时间线。如果您不知道如何做到这一点，请阅读上面的创建时间线帮助链接
完成后，单击“保存”
您的活动或待办事项现在将显示在您的日历中


单击屏幕右上角的管理选项卡
在主显示中，单击“管理”旁边的“添加时间线”
将出现一个新的空白时间线模板
给你的时间线一个描述性的标题。如果需要，您可以随时返回并在以后编辑内容
第一列，Days From Event，是您希望待办事项发生在主事件之前或之后的天数。事件发生前的天数必须为负数，事件发生后的天数必须为正数
填写从事件开始的天数、要创建的每个待办事项的标题和说明
单击添加更多待办事项以添加其他事项。根据需要添加尽可能多的项目
如果已添加团队成员，则可以在“分配给”列中将任务分配给成员
完成新时间线后，单击“保存时间线”
您的新时间线现在已准备好应用于您的主要活动


您可以为主要事件或待办事项设置提醒
确保选中屏幕右上角的“每月”选项卡
首先，创建或选择要设置提醒的事件
如果已选择现有事件，请单击“编辑事件”
单击单词提醒旁边的复选框
设置你想要提醒的日期和时间，然后你会收到一封电子邮件提醒


有关特定功能的详细帮助，请单击屏幕右上角的“帮助”选项卡
在那里，您将看到几个教程视频，可以引导您了解更多复杂的功能

我正在使用jQuery和动画.collapse库

js代码是：

<script type="text/javascript">
//<![CDATA[
  document.documentElement.className += " js"; // Add js class to the HTML element
  $(function(){
    var $containers = $("#animators > div").hide();

    $('ul#helpbo li a').each(function(i,el){
      var idx = i;
      $(this).click(function(e){
        var $target = $containers.filter(':eq(' + idx + ')');
        // Fade out visible div
        if($containers.filter(':visible').not($target).length){
          $containers.filter(':visible').fadeOut(500, function(){
            $target.not(':visible').fadeIn(500);
          });
        } else {
          $target.not(':visible').fadeIn(500);
        }

        e.preventDefault();
      })
    })
  });


$(".helpchange").click(function() {
  $(".changinghelp").removeClass("changinghelp");
  $(this).addClass("changinghelp");
});

//]]>

//

另一个愚蠢的noob问题。我没有为那些内部lis声明宽度。它在其他浏览器上运行良好，因为它只是继承了，但在IE7中没有。请提供代码或在线测试页面。您可以在OK在线创建测试页面。我将包括代码，但它很大，附带了几个js库位。它位于一个受密码保护的站点后面：-（我猜这不仅仅是一些常见的IE7错误？为了澄清它是否有帮助……是“容器”类造成了这个问题。