Safari css问题（负边际？）

Question

I have this issue in Safari:

I also create a fiddle https://jsfiddle.net/hbadvb02/6/ for play with this.

It works in Edge, IE, Chrome and Firefox ... and really I don't understand. It's very frustrating.

I have trying to use -webkit-transform: translate3d(0, 0, 0); but nothing.

Answer 1

The problem is here:

.zchead {
  margin-left: -1px;
  margin-top: -26px;
  height: 32px;
  width: @zc-width - 1px;
  line-height: 26px;
  background: @zc-background;
  padding: 2px 7px;
  cursor: pointer;
  text-transform: capitalize;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  position: fixed;
}

try to remove fixed position and it should works (not tested)