css - 删除图片和div之间的空间

我试过显示：块；垂直对齐：底部；
也不会删除图像和div之间的空间。
我正在使用HTML5和一个外部CSS样式表。
HTML格式：

    <p id="missionMembers">
        <img src="" border"0"/>
    </p>

    <div id="footer">
        <div class="twitter-hover social-slide"> </div>
        <div class="facebook-hover social-slide"> </div>
        <a href= "http://www.youtube.com/channel/UCQUQ1EHTu705qdNWaFAz0SA"/> <div class="youtube-hover social-slide"> </div></a>
    </div>

CSS:

#missionMembers {
    text-align: center;
    margin: 0em 0em 0em 0em;
    padding: 0em 0em 0em 0em;
    vertical-align: middle;
    font-size: 0;
    display: block;
}

#footer {
    padding-left: 2em;
    padding-right: 2em;
    margin: 0em 0em 0em 0em;
    background-color:black;
    height: 68px;
    width: 2000px;
    border: 0em 0em 0em 0em;
    vertical-align: top;
}

（#missionMembers是图像。#页脚是div.）

最佳答案

这可能是一个解决方案：

#missionMembers {
 text-align: center;
 margin: 0;
 padding: 0;
}

#missionMembers img {
 display: block;
}

#footer {
 padding: 0 2em;
 margin: 0;
 background-color:black;
 height: 68px;
 width: 2000px;
 border: 0;
}