IE <a> element float left first get shifted for some reason</a>

Question

我有一些浮动的<a>元素。出于某种原因，第一个元素在IE10中向上移动。 需要浮动它们，因为没有显示某些元素，否则视图会变得讨厌。

Html

   <div id="Header-Links">
      <a id="Links-Start" href="#Start">Start</a>
      <a id="Links-Orders" href="#Orders" class="DisplayNone"></a>
      <a id="Links-References" href="#References"></a>
      <a id="Links-Account" href="#Account" class="DisplayNone"></a>
      <a id="Links-Customer" href="#Customer"></a>
      <a id="Links-Support" href="#Support"></a>
      <a id="Links-Impress" href="#Impress"></a>
   </div>

CSS

#Header-Links {
  top: 13px;
  left: 30px;
}

#Header-Links > a {
  text-decoration: none;
  float: left;
}

#Header-Links a + a:before {
  content: "|";
  margin-left: 7px;
  margin-right: 6px;
  font-weight: 900;
  text-decoration: none;
}

.DisplayNone {
   display: none;
}

Google Chrome


Internet Explorer

Answer 1

某处元素的行高与第一行不同。