Html Safari中的负边距显示出与其他浏览器（如Firefox）不同的结果

我已经为标题中的某些链接指定了负页边距顶部，以获得响应性外观。但是，相同的属性不适用于Safari，文本会重叠。移除该属性时，外观是正确的。但一个浏览器中的调整会破坏另一个浏览器中的设计。那么如何处理负边际呢。代码是这样的：

HTML

---

任何帮助都将不胜感激。

您需要调整带有或不带有受影响属性的浏览器的CSS。此答案提供了一些有关如何做到这一点的信息：

---

请显示完整的CSS代码和预期结果。可能是胡闹。这个问题可能有CSS解决方案。为现代浏览器管理不同的CSS modern=not Oliver IE只能作为最后手段

<ul>
   <li>
      <h4 class="txtalign">
         <a href="aaaa.com"></a>
      </h4>
   </li>
</ul>

h4.txtalign{
   margin:-25px 0 6px 8px;
   font-size:22px;
   font-family:"Arial,Verdana";
   font-weight:bold;
}