Firefox和Chrome之间可能的图像/ CSS问题

Question

我在Chrome浏览器上遇到问题，该问题在上一个Firefox或Safari上没有出现。

加载第一页后，页面左上角的图标就会很好看，就像这样：

但是当我想使用右侧的公式进行本地研究时，左侧图像在Chrome上被垂直切断（在Firefox上，一切正常，就像这样：

[当我在“搜索...”框中进行搜索并在英语和法语之间进行选择时，它们会消失在输出结果页面中（这是想要的结果。）。

但是在左上角的图像上垂直切入输出结果页面是不正常的。

而且，这仅在Chrome中发生。

要在Chrome上进行测试，我提供了此临时链接（您必须通过验证码）：

请不要引用我的名字或包含它的屏幕截图，因为我不想被垃圾邮件。

我认为某人将能够对此图像或该图像的周围进行正确检查，以防止这种割伤。

根据我的分析，问题似乎出在CSS元素的logo_area上，但我不知道如何解决。

更新1

这是关于logo_area高度的问题，这在Firefox和Chrome之间是不一样的。此外，如果我采用midrizi提出的解决方案，我的徽标将移动到Chrome的页面顶部，徽标和顶部窗口之间没有空格。

为了减少Firefox和Chrome]之间的兼容性，我想尽可能少地修改这些页面的CSS。

我在Chrome浏览器上遇到问题，该问题在最后的Firefox或Safari上没有出现。加载第一页后，页面左上角的图标就很好了，就像这样：但是当我想...

Answer 1

您正在使用cell-spacing属性which is now obsolete。您应该使用CSS来获得更可靠的空间单元格方式。在padding元素上使用td可获得相同的效果。

.header_div table td {
    padding: 10px;
}