html - 奇怪的 IE 错误？

Question

我花了太多时间试图让它在 IE 7 上运行。它正在 ff 上运行，验证器上出现的唯一错误是缺少图像的 alt 标签(9 个错误)。

除了这一部分之外，整个网站都可以正常工作，所以我想知道是否存在我不知道的奇怪的 float 错误。

我有一个 div，里面有一张图片。在图像下我有 3 个包含图像的 div。 div顶部的图片和它下面的div之间有轻微的差距

这是我的代码:

<div class="header_banner">
                <img src="html_images/banner.jpg" />
<div class="header_left"></div>
<div class="header_main" id="header_menu">
    <ul>
        <li><a href="index.php">Home</a></li>
        <li><a href="studio.php" rel="show_studio">Studio</a></li>
        <li><a href="school.php" rel="show_school">School</a></li>
        <li><a href="#" rel="show_events">Events</a></li>
        <li><a href="#">Shop</a></li>

    </ul>

</div>
<div class="header_right"></div>
</div>

这是 CSS:

.header_banner
{
float:left;
width:531px;
}

.header_left
{
float:left;
background-color:#003399;
background-image:url('../html_images/header_left.jpg');
background-repeat:no-repeat;
background-position:48px;
width:55px;
height:33px;
}

.header_right
{
float:left;
background-image:url('../html_images/header_right.jpg');
width:7px;
height:33px;
}

.header_main
{
float:left;
background-image:url('../html_images/header_main.jpg');
background-repeat:repeat-x;
width:426px;
height:33px;
}

如果我只是遗漏了什么，我不会感到惊讶，但我现在已经通读了 3 遍。有任何想法吗？ (我已经设置了背景颜色以准确查看间隙的位置)

谢谢

Answer 1

我建议使用 reset stylesheet (或将重置样式插入样式表的顶部)。它可以帮助您避免各种问题，例如您所看到的问题。