可接受的负边际？

Question

我使用Skeleton样板创建了一个网站，使其响应并可供移动用户使用，除联系页面外的所有页面都有全宽背景图像但未设置为背景想象一下它是一个img标签，并且我已经给出了内容，它覆盖了一个负余量。

原因如下：

1. 我需要它是全宽和内容; Skeleton样板具有左右边距，因此阻止我在内容上设置背景图像。
2. 我还需要包含div的图像始终是图像的整个高度，但图像高度不是设置的大小，它会响应浏览器宽度并保持其宽高比。
3. 图像包含在另一个具有透明平铺背景的div中，该背景使用对角扫描线覆盖图像，这对于设计是必要的，我不想使用CSS3多个背景图像，因为我想支持一些较旧的浏览器。
4. 我希望图像比必要的大（我现在意识到它有点太大了），所以即使在更大的分辨率显示器上它也是可接受的质量。

现在我宁愿不使用负边距，我知道它们是有效的代码，但我在过去遇到了问题，并且想知道是否还有其他方法可以实现没有它们的结果相同吗？

我已尝试在img背景元素上使用绝对定位，而Firefox出于某种未知原因在文档开头添加了一大块空白空间，将整个页面推下可能是200px。

该网站是www.f3racing.co.uk