Html 图像导致div扩展超过IE中的设置高度

我有以下HTML代码：

<div id="event_create">
    <img src="WEB-INF/images/Classifieds/create_blurred_135x135.png"
        name="createbutton"
        onmouseover="buttondown('createbutton')"
        onmouseout="buttonup('createbutton')"
        onclick="buttonclick('createbutton')"
        alt="Create Classified Image"
        class="cameo">
    <h2 class="cameo_heading" >Create Ad</h2>
    <ul type="circle">
        <li class="cameo_content">Content goes here</li>
        <li class="cameo_content">Content goes here</li>
        <li class="cameo_content">Content goes here</li>
        <li class="cameo_content">Content goes here</li>
    </ul>
</div>

---

代码在Firefox和Safari中正确显示。然而，IE在图像下方的区域添加了额外的空间，并将整个设计抛在脑后。图像实际上是135 x 135像素。有人能帮忙吗？

一致的跨浏览器网站设计的标准操作程序包括始终做两件事：

宣布。这迫使浏览器（特别是IE）进入所谓的“符合标准”模式，而不是怪癖模式（两种委婉说法）；及

使用重置CSS（如或）消除浏览器在边框、填充、边距等默认设置中的差异

---

尽管现在有很多人不同意使用“css重置”。我想我可能是其中之一。@Rob:谁不同意使用CSS重置？Cletus/Joel-谢谢！我有一个过渡doctype，并将其更改为strict。我还采纳了重置建议并加以应用。一个或另一个摆脱了恼人的填充物。重置似乎是一个非常好的主意。我只是不明白为什么微软要与众不同……这是最近的热门话题。这里有一个：还有更多的人说同样的话。我刚开始一个新项目，我也不打算使用它。我的原因是，我最终设置了大多数东西，所以我不需要重置然后再设置。

#event_create {
    width:100%;
    height:143px;
    border: 1px solid green;
    background-color: red;
}

.cameo {
    float:left;
    margin-left:4px;
    margin-top:4px;
    border:1px solid black;
}

.cameo_heading {
    margin-left: 200px;
    margin-top: 3px;
    font-size:1.1em;
    color:gray;
}

.cameo_content {
    margin-left: 200px;
    font-size:12px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    line-height:1.2em;
} 

ul {
    list-style-type:circle;
    padding-left: 0;
    margin-left: 0;
    border: 1px dashed black;
} 

li {
    padding-left: 7px;
    margin-bottom: 5px;
}