html - 将容器扩展到超出窗口宽度的内容

Question

我想创建一个包含一些图像的滚动元素。所有图像都将发送到客户端，因此滚动元素时无需更改内容。现在我偶然发现了一个问题，我想将我的容器元素扩展到所有这些图片的宽度。我试图解决这个问题，但我就是想不通。有人可以帮我弄清楚如何扩展我的容器元素吗？

这是想法：

更新：

到目前为止的HTML：

<span> 
    <ul id="imageshorizontal">
    <li>
    <img .. />
    </li>
    </ul>
</span> 

CSS：

#imageshorizontal {
    background: none repeat scroll 0 0 #666666;
    list-style-type: none;
    height: 185px;
    margin: auto;
    border-style:solid;
    border-width:medium;
    border-color: orange;
}

#imageshorizontal li {
    display: inline;
}