得到Zurb Foundation` .row .row`错误，但不确定原因

Question

我知道当你的两个.row元素没有被列元素分隔时会出现.row .row问题。

但是，我的标记如下：

<div class="row content">
  <div class="large-5 none show-for-medium columns">
    <div id="panel">
      <ul class="row">
         <li class="columns">
           <div class="row"><!--THIS IS THE ELEMENT AFFECTED-->
             <div class="small-9 columns"></div>
             <div class="small-3 columns"></div>
           </div>
         </li>
      </ul>
    </div>
  </div>
  <div class="large-7 columns">
  </div>
</div>

除了#panel之外，所有标记似乎都与基金会的规格有关。

我尝试完全删除#panel div，但得到的结果相同。

有人知道是什么原因造成这种情况吗？