Unslider圖像問題

我使用Unslider在我創建的網站的主頁上顯示照片，但圖像被填充的東西包圍 - 而且在我的css中沒有填充。我怎樣才能解決這個問題？這使我乾淨的畫廊看起來很糟糕。Unslider圖像問題

Unslider插件在這裏找到：http://unslider.com

這裏的HTML：

<div class="banner"> 
    <ul> 
     <li><img src="media/duo.jpg" alt="Duo"/></li> 
     <li><img src="media/lastshot.jpg" alt="Last"/></li> 
     <li><img src="media/rose.jpg" alt="rose"/></li> 
     <li><img src="media/r0se.jpg" alt="D"/></li> 
    </ul> 
</div>

CSS：

.banner { 
position: relative; 
width: 100%; 
overflow: auto; 

font-size: 18px; 
line-height: 24px; 
text-align: center; 

color: #FFFFFF; 
text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3); 
background: #000000; 
box-shadow: 0 1px 2px rgba(0,0,0,.25); 
} 

banner ul { 
    list-style: none; 
    width: 300%; 
} 
.banner ul li { 
    display: inline-block; 
    float: left; 
    width: 33%; 
    min-height: 350px; 

    -o-background-size: 100% 100%; 
    -ms-background-size: 100% 100%; 
    -moz-background-size: 100% 100%; 
    -webkit-background-size: 100% 100%; 
    background-size: 100% 100%; 

    box-shadow: inset 0 -3px 6px rgba(0,0,0,.1); 
}

這裏就是我在談論的一個截圖： enter image description here