Safari |未知的填充/ margin-top

Question

我在Safari和所有其他浏览器之间存在一个奇怪的问题。一个水平div容器获得填充/边距顶部。 （等级：mm）

但我不知道为什么和在哪里。在Firefox和Chrome中，它看起来很正常，但不适用于Safari。

"https://jsfiddle.net/_Sascha_/0894gkjm/1"

有没有人使用Safari并知道这里发生了什么？

＆＃13;

＆＃13;

#test {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999999;
}

#test div {
  background: grey;
  display: inline-block;
}

#test .ms, #test .me {
  width: 2px;
  height: 15px;
}

#test .mm {
  width: 30px;
  height: 2px;
  width: 100px;
}

#ignoreThis {
  position: relative;
  width: 112px;
  height: 30px;
  margin: 0 auto;
  top: 50px;
}
  

＆＃13;

<div id="wrapThis">
    <div id="test">
        <div class="ms">&nbsp;</div>
        <div class="mm">&nbsp;</div>
        <div class="me">&nbsp;</div>
    </div>
</div>

＆＃13;

＆＃13;

＆＃13;