html - IE7 li 图像和文本问题 - 文本。快工作了

Question

我使用的是无序列表。

左边是图片，右边是文字。

我今天才注意到 IE7 的显示非常糟糕，甚至无法接受。真遗憾没有早点意识到。

我给了图像一个类，文本包装在一个单独的 div 中。

<ul>
<li><a href="domain"><img src="http://www.domain.com/img.jpg" alt="img class="footer-thumb" width="40px" height="40px" /></a>
    <div class="recent-post-content">
    <p>day date time</p>
    <p><a title="Content title" href="http://www.domain.com/contentitle &raquo;</a></p>
    </div></li></ul>

到目前为止发生的事情是它在每个浏览器中都是完美的，除了 IE7，在 IE7 中图像恰好在它们应该在的位置但是类“最近发布的内容”全部被推到一个正好一个图像([li] 高度) 上面所以最后一张图片旁边没有任何文本，第一张图片 ([li]) 上面有它的“recent-post-content”。

我想这很简单，但在我自己走到这一步之后，我认为最好尝试并获得一些建议来解决最后一点问题。

有什么想法吗？

谢谢

Answer 1

修复

<img src="http://www.domain.com/img.jpg" alt="img class="footer-thumb" width="40px" height="40px" />

到

<img src="http://www.domain.com/img.jpg" alt="img" class="footer-thumb" width="40px" height="40px" />

并修复

<a title="Content title" href="http://www.domain.com/contentitle &raquo;</a>

到

<a title="Content title" href="http://www.domain.com/contentitle">&raquo;</a>

IE 会正常运行。