行高度对于具有相同规则集的IE中的少数元素，行为不同

Question

我在IE版本中遇到line-height对齐问题。我将行高和高度设为14 px到span标记，使文本垂直居中。它适用于UL中的所有LI元素。但是对于我列表中的最后3个li元素，相同的行高度推动内容很少。对于UL列表中的最后3项，15px行高正在使文本中心对齐。

对于列表中的少数项目，CSS规则的行为方式如何相同

HTML

    <ul>
      <li>   <span class="line"> Text </span></li>
      <li>   <span class="line"> Text </span></li>
      <li>   <span class="line"> Text </span></li>
      ....
      ....
      ....
      <li>   <span class="line"> Text </span></li>
      <li>   <span class="line"> Text </span></li>
      <li>   <span class="line"> Text </span></li>
    </ul>

的CSS

.line {
    background-color: #e55c17;
    display: inline-block;
    width: auto;
    font: bold 11px Arial, sans-serif;
    color: white;
    white-space: nowrap;
    float: left;
    padding: 1px 3px;   
    margin-top: 1px;
    line-height: 14px;
    height: 14px;
}