标头背景图像在Safari上无法正常显示

Question

我有一个页面，它使用图像作为标题放置中的背景。虽然在Windows上的Chrome和Firefox中图像看起来都很好，但在Safari上的Mac上（至少），图像的下半部分会被剪掉。几乎像高度需要调整更多。

这是我目前标题区域的简单CSS：

.banner_main_inner {
   height: 100%;
   background: url(../X3.jpg);
   background-size: 100%;
}

我很好奇我如何才能使它适用于两种类型的计算机（Windows和Mac），并使图像呈现相同的大小。