css：缩小的图像在右边留下宽的白边

Question

更新：问题出在javascript中。见下面的评论

我的网站（Link）在菜单下方有6张滑动图片。我想将这些图像的尺寸从600 x 300缩小到400 x 200.但是，收缩会在右侧留下宽的白边（see the developing version）。在css文件中，我查看了所有ul＃images代码（见下文），但无法弄清楚如何删除白边。感谢您的意见：

/* Image Transitions */
ul#images {
  margin: 0 15px 10px 0;
  padding: 0;
  list-style: none;
  position: relative;
}

ul#images li {
  display: block;
  overflow: hidden;
  padding: 0;
  float: left;
  width: 155px;  <!-- ?the portion shown initially-->
  height: 300px; <!-- -->
}

Answer 1

问题不在你的 css 中，它在 javascript 中，它在鼠标悬停时将其他图片设置为 66px 宽，使这个宽度更大，以填补白色空间。

发布您的 javascript ，我很乐意为您解决此问题。