将容器展开到超出窗口宽度的内容

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;
}