更改的图像大小和容器宽度不变

Question

在移动设备上时，我希望图像更小。我的CSS：

img {
  height: auto;
  max-width: 100%;
  border:0;
}

span.floatRight {
  float: right;
  margin: 0;
}

@media ( max-width: 600px ) {

  span.floatRight img {
    width: 75%;
  }

}

<span class="floatRight">
  <a href="images/wt03-f.gif">
    <img src="images/wt03.gif" alt="wt03" title="Click image for full-size image (548 &times; 364 pixels).">
  </a>
</span>

图像缩小得很好。 float: right;中的高度会调整。但不是宽度。如何减小容器宽度？