Footer

Bonjour, j'essaie de me faire un site et je bute sur la programmation de footer. Si dessous il y a mon programme HTML et CSS. qu'est ce qui cloche? Pouvez vous m'aider. Merci d'avance.


<footer>
<div id="Des photographes:">
<h1>Des photographes</h1>
<ul>
<li><a href="http://www..........">Si.........</a></li>
<li><a href="http://archive........">Aa.......</a></li>
<li><a href="http://www.ph......">PA.......</a></li>
<li><a href="http://www.as......">Ce.......</a></li>
<li><a href="http://www.au......">Wi....</a></li>
<li><a href="http://www.br.......">Br......</a></li>
<li><a href="http://www.he......">Si......</a></li>
<li><a href="http://www.lo.......">Lo......</a></li>
</ul>
</div>
<div id="Mes magasins:">
<h1>Mes magasines</h1>
<ul>
<li><a href=" http://www.ch........</a></li>
<li><a href="http://www.ph.........</a></li>
<li><a href="http://www.co........">Co......</a></li>
<li><a href="http://www.ph........">Ph........</a></li>
<li><a href="http://fr.........">Ma........ </a></li>
</ul>
</div>
</footer>/* Footer */

Langage CSS

footer
{
background: url('gif/ico_top1.png') no-repeat top center, url('gif/separateur.png') repeat-x top, url('gif/ombre.png') repeat-x top;
padding-top: 25px;
}
footer p, footer ul
{
font-size: 0.8em;
color: white
}
footer h1
{
font-size: 1.1em;
color: white
}
#Des_photographes, #Mes_magasins
{
display: inline-block;
vertical-align: top;
color: white
}
#Des_photographes
{
width: 50%;
color: white
}
#Mes_magasins
{
display: inline-block;
vertical-align: top;
margin-top: 0;
width: 50%;
padding-left: 2px;
}