Html 第一个子列表项在Chrome（Mac/Windows）中未对齐

JSFiddle:

我有以下HTML代码：

      <ul class="advisorlist">
           <li>                     
              <div class="employee">
                   <address>
                       <a title="E-mail John Doe" href="http://www.example.com/employee.html" rel="nofollow" class="email"><strong>John Doe</strong></a>
                       <br><em>Academic Advisor</em>
                      <br>Phone: 540-351-5555                           
                      <br>Fax: 540-351-5555                             
                   </address>                                           
               </div>                                          
            </li>                                      
            <!-- etc -->
       </ul>

列表中的第一项在Mac/Windows上的Chrome中未对齐。铬、FF、Safari、IE等正确显示所有列表项

---

有什么想法吗？

尝试删除

clear：两者都有打开
ul.advisorlist

尝试删除
清除：两者都删除打开
ul.advisorlist

清除：两个
都意味着任何浮动元件都不能与任何一侧先前的浮动框相邻

clear属性指示元素框的哪些边可能与先前的浮动框不相邻


有关
clear
的更多详细信息：

去掉它，你看起来很好

而且，你有一堆css，它们做的不多！检查我放在一起的这个。
清除：这两个
都意味着任何浮动元素都不能与任何一侧的先前浮动框相邻

clear属性指示元素框的哪些边可能与先前的浮动框不相邻


有关
clear
的更多详细信息：

去掉它，你看起来很好

而且，你有一堆css，它们做的不多！检查我放在一起的这个。
从li的父级删除清除：均为，并将溢出：隐藏添加到ul
。从li的父级删除清除：均为，将溢出：隐藏添加到ul

li {
list-style-position: inside;
}

为我工作。谢谢大家的努力

为我工作。谢谢大家的努力
 谢谢你在clear上提供的信息！其他的东西是有用的，例如。最小高度是那些列表项中的图像，但是我为了这个问题把列表项去掉了很多。谢谢你在clear上提供的信息！其他的东西是有用的，例如。最小高度是用于那些列表项中的图像，但是我为了这个问题把列表项剥离了很多。已经接受了答案。但是为什么溢出：隐藏？我很好奇，我已经接受了答案。但是为什么溢出：隐藏？我很好奇
li {
list-style-position: inside;
}