请问老师，这中间1px的间距怎么去掉，我此处代码是这样的

<div class="course">
        <div class="courselist">
          <a href="#"><img src="http://img1.sycdn.imooc.com//53edad54000119fb03300130.jpg"><p>玩转bootstrap</p></a>
        </div>
        <div class="courselist">
          <a href="#"><img src="http://img1.sycdn.imooc.com//53edad690001260a03300130.jpg"><p>玩转bootstrap</p></a>
        </div>
        <div class="courselist">
          <a href="#"><img src="http://img1.sycdn.imooc.com//53edad7a0001cde803300130.jpg"><p>玩转bootstrap</p></a>
        </div>
</div>

//下面是css
.course{height: 150px;}
.course .courselist{width: 33%;float: left;text-align: center;padding: 1px;}
.course .courselist img{width:330px;height: 130px;}
.course a{display:block;text-decoration: none;color:black;}
.course .courselist a p{height:100%;text-align: center;font-size: 16px;border: 1px solid #e8e8e8;}