图片边框为啥下面会多一点 [复制链接]

图文混排模式下CSS代码在comm里面有这样一段
.tw_article{clear:both;}
.tw_article li{text-align:left;border:1px dotted #cccccc;border-width:0 0 1px 0;padding:10px 0 10px 0;overflow:hidden;height:100%} /*置顶通用

样式*/
.tw_article .pic{float:left;margin:5px 10px 5px 0;border:1px solid #dddddd;padding:2px;display:inline}
.tw_article .content{float:none!important;float:left;display:inline}
.tw_article .title{text-align:left;line-height:20px;}
.tw_article .title a{font-weight:bold;padding-left:0px}
.tw_article .introduct{padding:2px 5px 5px 0px;line-height:20px;color666666;}


我的图片197*97
为什么边框会下面多余一点呢？