FireFox和Chrome中的文本装饰直通式未对齐

Question

似乎在Firefox / IE中，直通式比Chrome低一点，我不确定这是否是因为不同浏览器的实现或其他原因。有没有解决方案填补这个空白？

这是jsfiddle link。

HTML：

<div style="text-decoration: line-through;">
  <span>text line-through is not align well. </span>
  <ul>
    <li>1/1/2008</li>
    <li>1/2/2008</li>
    <li>1/3/2008</li>
  </ul>
</div>

CSS：

div span {
text-decoration: line-through;
}
div ul li {
  text-decoration: line-through;
  font-family: Arial;
}