[HELP!] Image Qui Disparait ! HTML

Bonjour,

Je suis en train de faire un site internet et je me retrouve devant un problème :

j'ai fait 3

div

, un

header

, un

container

et un

footer

. Je suis en train de faire le footer , et quand j'insère des images , tout est normal mais quand j'essaye de les positionner , elles s'effacent ! Aidez moi s'il vous plaît !




Code HTML du footer :

<div id="footer">
<img src="Images/email.png" id="email" />
<img src="Images/phone.png" id="phone" />
<img src="Images/ID.png" id="ID" />
<img src="Images/rss.png" id="rss" />
</div>

Code CSS du footer :

#footer {background-color: #bfbf5a;position:absolute; left: 0px; top: 665px;right: 0px;bottom: 0px;height: 300px;}

#ID {position:absolute; left: 0px; top: 665px;right: 0px;bottom: 0px;}
#email {position:absolute; left: 0px; top: 500px;right: 0px;bottom: 0px;}
#phone {position:absolute; left: 0px; top: 400px;right: 0px;bottom: 0px;}
#rss {position:absolute; left: 0px; top: 305px;right: 0px;bottom: 0px;}

Voila Merci Beaucoup !