css:text-indent对img有影响，dl标签有border在ie中有bug

    今天制作了一个很简单的静态页面，调试了半天还出错。这个是源代码：

<div class="article">
                 <dl class="dddd">
                     <dt>悦达</dt>
                     <dd><p>通道</p>
                         <p>宣称</p>
                            <br>
                            <div class="tuwen"><img src="images/article/ruida.jpg" alt=""><strong>锐达889，会德丰，名人商业大厦</strong></div>
                            <div class="tuwen"><img src="images/article/puxi.jpg" alt=""><strong>浦西写字楼市场复苏</strong></div>
                            <div style="clear:left;"></div>
                            <br>
                            <p>通道</p>
                            <p>随着</p>
                              <br><br>
                              <p class="cen"><a href="#" target="_self">下一页</a></p>
                              <p class="cen">本文共<span class="redcolor"> 2 </span>页，第<span class="redcolor"> [1] </span> <a href="#" target="_self">[2]</a> 页</p>
                              <br>
                              <p class="cen"><a href="#" target="_self">[返回]</a></p>
                   </dd>
                 </dl>
             </div><!--article-->

 

最终效果是下面这个样子：

    主要出错的地方有两个：

         我没有限制div的padding,img的margin什么都没有限制，图片在框内但是还是往右缩了两个字符的距离。我把周围标签动了一遍还是不行。最好我量了一下距离，大概有20几px的样子。我想起前面的首字符都设置了text-indent:2em;我把这句css删了之后，图片正常了。

        2.写好代码后，ff正常。没想到在ie6里图片上方竟然无端端出来一道横线。奇怪。我只在dl设置了border，难道这个也能影响里面的标签啊。我把dl的border由solid变成了dashed试了试。那道横线真的变成了虚线。ie的bug真多啊。没办法，我把线弄到dl的外层div里了，这才解决了。