横向图片库编码问题/建议

Question

我有一个客户，他请求网站更新。。我之前设计的网站有一个好看的图库，里面有缩略图和弹出图像。。她更喜欢换一种不同的格式，类似于她在代理网站上的格式。。这是该网站上的图库：

http://zenobia.com/hmu_g_j/hmu_gleeson_austin_f400.html

我想出了一个新的设计，但我遇到了浏览器兼容性问题。。你可以在这里看到新的图库页面：

http://www.lisagleeson.com/galleries/lifestyle/

我将图库设置为从文件夹中提取图像，这很有效。。画廊被放置在一个100%宽的Div容器中，以便在屏幕上伸展。内部Div容器设置为使溢出隐藏，但可滚动。该页面适用于Safari，但不适用于Firefox或Chrome。。溢出功能不起作用，它只发布适合Div.的图像

有人对如何解决这个问题有什么建议吗？这样Div就100%宽了。。

Answer 1

从#gallery中删除inline-block并将其添加到#galleryImage中。另外，从#galleryImage中删除float。

#gallery {
  height: 525px;
  margin-left: 10px;
  overflow-y: hidden;
  overflow-x: scroll;
}
#galleryImage {
  height: 525px;
  margin-left: 10px;
  display: inline-block
}