css - IE7 菜单 HasLayout 问题

Question

所以我一直在谷歌搜索，我很确定我的问题来自 IE7 及更低版本的 hasLayout 问题。

我的问题: See image here

此处的 HTML 代码。问题出在 id="header"div 和 id="colortab"div 之间。

<div id="header">
    <div class="logo"><img src="images/logo.gif" border="0" alt="" /></div>
    <div class="hotline"><img src="images/ds_garanti.png" border="0" alt="" /></div>
</div>
<div id="colortab" class="ddcolortabs">
    <ul>
        <li><a href="index.php" title="Forside"><span>Forside</span></a></li>
        <li><a href="#" title="Vi tilbyder" rel="dropmenu1_a"><span>Vi tilbyder</span></a></li>
        <li><a href="#" title="Tilbud" rel="dropmenu2_a"><span>Faste Tilbud</span></a></li>
        <li><a href="ds-garanti.php" title="Garanti"><span>Garanti</span></a></li>
        <li><a href="kontakt.php" title="Kontakt"><span>Kontakt</span></a></li>
    </ul>
</div>

<!--1st drop down menu -->                                                   
<div id="dropmenu1_a" class="dropmenudiv_a">
<a href="staal-smedearbejde.php">Stål og smedearbejde</a>
<a href="vvs-arbejde.php">VVS arbejde</a>
<a href="udlejning.php">Udlejning</a>
</div>

<!--2nd drop down menu -->                                                   
<div id="dropmenu2_a" class="dropmenudiv_a">
<a href="tilbud-staal-smedearbejde.php">Tilbud på stål og smedearbejde</a>
<a href="tilbud-vvs-arbejde.php">Tilbud på VVS arbejde</a>
<a href="tilbud-udlejning.php">Tilbud på udlejning</a>
</div>

<script type="text/javascript">
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
tabdropdown.init("colortab", 3)
</script>

并且可以在这里看到所属的CSS http://mhlhost.com/stackstyle.css

如果有人能在这里帮助我，我将不胜感激。我不知道哪些因素给我带来了麻烦:(

Answer 1

将标题向左浮动将缩小 ie6/7 中的空白。

#header{
    position:relative; 
    height:100px; 
    background-color:#fff; 
    width:855px;
    float:left;
}