Html 背景尺寸：水平滚动页面中的封面和文本

我正在尝试创建一个非常简单的HTML页面，该页面具有水平滚动条，左侧仅包含一个大图片（背景大小为

cover

），右侧包含一个带列的长文本

我认为我的问题是关于

位置：相对的
（带浮点）和
位置：绝对的
（带左），但我没有设法解决它。此时，封面图片正常，显示在左上角。但是文本显示在右下角（而不是封面的右上角）

你能帮帮我吗

下面是演示我所做的工作：
如果我正确理解了您的意思，那么您需要将文本放入封面id，而不是单独的div中。但是，您可以将封面id位置更改为“仅绝对”，并将其更改为与文本div的相对位置

#cover { position:absolute; /* other stuff */ }

及

尝试改变#封面的绝对位置。这对Chrome和Safari来说是可以的，但对FF和IE来说不是。非常感谢，它很有效！这两个div是分开的，因为我不希望文本放在图片的上方，而是放在图片的右侧。无论如何，再次感谢你。：）结果如下：它可以与Chrome和Safari一起使用，但不能与Firefox和IE一起使用，正如你在这里看到的：你能帮我用FF和IE解决这个问题吗？谢谢你的回答。但我不想让文字覆盖图片。。。我之前用Chrome和Safari获得的东西从视觉上讲是完美的。再次感谢您的回答！：-）但是很抱歉，我不想在图片上滚动列。我想把图片放在列的左边，两个元素一起滚动。这个演示在视觉上正是我在Chrome和Safari上想要的，但在FF和IE上不起作用。
#text {  position:relative; /* other stuff */ }


http://jsfiddle.net/kz5ch49w/46/