我有一个手工编码的网站@hartbro.com 该网站的一部分是一个博客，其中包含图片。这是导致问题的图像之一的 HTML 代码。
<a href="blogcontent/090811.jpg" class="img">
<img src="blogcontent/090811.jpg" alt="Downed trees" width="25%" class="floatright" /></a>
The storm left as quickly as it came. The sky cleared up and we were glad that the oppressive heat had let up.
我注意到的是，在一些包含不止一张图片的博客条目中，第二张图片并没有真正像它应该的那样浮动，文字环绕在它周围。我认为它必须与导致问题的某些 CSS 发生某种冲突，但我就是不知道它是什么。
我不明白它在 FF 和 IE 中是如何工作的，但不是 Chrome 或 Safari？
这是所有相关的 CSS，如果您需要其他内容，请告诉我。提前致谢。
img{
margin:10px;
}
img.floatleft{
float:left;
}
img.floatright{
float:right;
}