带有Orbit插件的页面上的全宽图像

Question

我必须做一个全宽度页面的滑块...我附上一张图片，因为我觉得它比解释它更容易：

我的身体/页面宽度为100％;然后，我有一个div“内容”，我开发我的网站是980px;最后，我想有一个标题，滑块，即全宽页面..

问题在于，当我调整页面大小时，滑块的图像也会调整大小，包括宽度和高度......我希望有固定大小的iamge和隐藏的溢出。

关注我的css：

.orbit-container { height:220px !important; overflow: hidden; /*width: 100%;*/ position: relative; background: none; margin: 5px auto; }
.orbit-container .orbit-slides-container img { width:100%; }
.orbit-container .orbit-slides-container > *:first-child { margin-left: 0%; }
.orbit-container .orbit-slides-container > * { position: absolute; top: 0; width: 100%; margin-left: 100%; }

这是我的HTML：

<div id="page">
    <header>
        <ul id="slider" data-orbit>
            <li>
                <a href="#">
                    <img src="/../Styles/img/slider/privati/toystory.jpg" />
                </a>
            </li>
            ...
        </ul>
        <div class="line-separator_orange"></div>
    </header>
    ...
</div>

页面和标题没有任何特定的CSS。

有人能帮帮我吗？谢谢