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