图片切换为什么显示不全

我用的网上一段源代码 由于图片尺寸需求我将图片重新裁切 然后修改下载的那段代码的css样式 但是改完后 图片就显示不完整了 
div#MainPromotionBanner{
width:237px;
height:221px;
background:#feb900;
}
#MainPromotionBanner #SlidePlayer {
position:relative;
margin: 0 auto;
}
#MainPromotionBanner .Slides{
padding: 0;
margin: 0;
list-style: none;
height: 190px;
overflow: hidden;
}
#MainPromotionBanner .Slides li {
float: left;
width: 237px;
height: 221px;
}#MainPromotionBanner .Slides img{
border:0;
display: block;
width: 237px;
height: 221px;
}#MainPromotionBanner .SlideTriggers{
margin: 0;
padding: 0;
list-style: none; 
position: absolute; 
top: 160px; 
right: 0px;
z-index: 10;
height: 25px;
}
#MainPromotionBanner .SlideTriggers li{
float: left;
display: inline;
color: #74a8ed;
text-align: center;
line-height:16px;
width: 16px;
height: 16px;
font-family: Arial;
font-size: .9em;
cursor: pointer;
overflow: hidden; 
margin:3px 6px;
background: url(../images/slide_trigger.gif) no-repeat center center;
}
#MainPromotionBanner .SlideTriggers li.Current{ 
color:#fff; 
background: url(../images/slide_trigger_c.gif) no-repeat center center;
border:0; 
font-weight:bold;
font-size: 1.4em;
line-height: 21px;
height: 21px;
width: 21px;
margin:0 6px; 
}
以上是css源码 请大家告诉我如何修改 谢谢大家