横並びさせたボックスの最後のマージンが・・・邪魔、いらないって時のCSS

横並びさせたボックスの最後のマージンが・・・邪魔、いらないって時のです。

こんな時↓

20160221

<div class="top_banner clearfix">
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>

<ul>

</ul>

</div>

.top_banner{
    width:960px;
    height:auto;
}

.top_banner ul{
    width:975px;
    height:auto;
    margin: 0 -15px 0px 0;
    overflow: hidden;
    zoom: 1;
}

.top_banner ul li{
    width:310px;
    height:190px;
    margin: 0 15px 0px 0;
    float: left;
    display: inline;
}