Html 两个缩略图img堆叠在一起，而不是使用UL LI滚动，请帮助

我有两个缩略图img，每个都在“li”中，在“ul”下，但它们是叠在一起的，而不是两个并排成一卷。以下是html结构：

    <div id="printGallery">
        <ul><li>
            <a href="Pics/PrintsImages/target.jpg" title="Target magazine concept design." border="0">
            <img src="Pics/PrintsImages/targetMini.jpg" alt="targetMini" width="45" height="45" border="0" /></a>
            </li>
            <li>
            <a href="Pics/PrintsImages/Interra.jpg" title="Target magazine concept design." border="0">
            <img src="Pics/PrintsImages/InterraMini.jpg" alt="InterraMini" width="45" height="45" border="0" /></a>
            </li>

        </ul>

下面是我的CSS风格：

#printGallery ul{列表样式：无；位置：固定；}
#printGallery ul li{显示：内联；}
#印刷美术馆{
边框：2个实心#afd2e2；
边框宽度：2px2px 8px；
边缘顶部：90像素；
左边距：190px；
}
#打印库ul a：悬停图像{
边框：2个实心#c7c8c9；
边框宽度：2px2px 8px；
颜色：#fff；
}
#printGallery ul a:悬停{颜色：#c7c8c9；}

我已经尝试过使用正确的浮动，甚至添加“printGallery ul img img”只是为了移动另一个缩略图，但什么都没有发生。请帮忙。

你只需要

#printGallery li { float: left }

---

仅此而已。

无论如何，谢谢，我已将其改为使用Table TR TD，并且它可以正常工作。

#printGallery li { float: left }