Удалить пространство между изображением и div

Question

Я пробовал дисплей: блок; и вертикально-выровненный: нижний;

Ни один из них не удалит пространство между изображением и 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 образ #footer является отд.).

Answer 1

Это может быть решение:

#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; 
}