ie6 img边缘空白

一直以来，在制作页面，写css的时候，碰到各浏览表现不一样的时候，不管三七二十一直接写hacks，虽然最后制作的页面在各浏览器下面表现的一致了，但是css不符合标准，碰到的问题也没仔细去查找原因，后期维护的时候，能让人抓狂。。。

今天又碰到了ie6下面 Img边缘空白的问题，以前是写个 _padding-bottom就搞定了，但是不符合标准了。

唉，写了这么多年css，表现的应该专业点嘛。上网搜了下，才知道是ie hasLayout的问题(关于ie hasLayout的问题，大家上网搜一下就行了，很多的)。

给img 加上float就能解决问题了。

    <style>
    .head img { float:left;}
    </style>
    <div class="head">
        <img class="logo" src="images/logo.jpg" />
        <img src="images/head_bar.jpg" />
    </div>