代码如下：

复制内容到剪贴板

代码:

<p style="border:1px solid #666; font-size:12px; "><img src="logo.gif" alt="test" style="vertical-align:middle;" /><span style="zoom:1;">这是测试的，哈哈。</span></p>
<p><span><a href="#">用户体验和界面交互</a></span><span lang="en" style="vertical-align:middle;" ><a href="#">xhtml+css+javascript</a></span></p>

在firefox下面图片被黑色边框包围，但在IE下面图片超出到黑色边框的下边，这是怎么回事？

很明显高度不够了。
记得清除浮动

引用:

原帖由 majia1314 于 2008-6-13 16:24 发表
很明显高度不够了。
记得清除浮动

我没有设置高度和浮动呀

把行高 清除下  给 img 设置一个  display:block;
最好代码贴出来

最好吧图片的宽度和高度固定
然后给最外的容器设置一个 宽度和高度

不要过多的相信自适应，我更习惯于把数值控制。

设置下行高，再加个display:block;