CSS：缩小的图像在右侧留有宽阔的白色边距

问题描述

更新：问题出在javascript中。 请参阅下面的评论

我的网站（ ）在菜单下有6张滑动图像。 我想将这些图像的尺寸从600 x 300缩小到400 x200。但是，缩小将在右侧留下较宽的白色边距（ ）。 在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; <!-- -->
}