图片显示样式代码问题，这个代码哪里错了呢？

想要图片下面有显示图片标题的代码，可是做出来以后，图片的下面莫名其妙多出好多白色的地方，占位置了。各位大神看看这个代码哪里有问题呢？
这是效果：怎么上传不了图。。。
<style>
.block {margin:0;}
.frame, .frame-tab {margin:0;border:0;background:none;}
.slidebar li {width: 10px;height: 10px;background:#085bb0;filter: none; margin-right: 8px;}
.slidebar li.on {background:white;filter: none; }
</style>
<div class="module cl slidebox" style="height:380px;position: relative;">
<ul class="slideshow">
[loop]
<li style="width: {picwidth}px; height: {picheight}px;"><a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" /></a><span class="title">{title}</span></li>
[/loop]
</ul>
<ul class="slidebar" style="position: absolute;bottom:11px;right:10px;">
[loop1]<li></li>[/loop1]
</ul>
</div>
<script type="text/javascript">
runslideshow();
</script>