Problème création site internet CSS

Bonjour,

Je suis en train de créer un site.

J'ai 4 menus distincts symbolisés chacun par un rectangle vert comme ci-dessous :

https://imageshack.com/

Un dès menu ouvre une galerie de photos. Le problème est le suivant : sur la page de ma galerie, j'ai entre le bas de mes boutons (rectangles verts) et le début de ma galerie, l'arrière plan de mon site. je voudrais ne pas voir cette bande. cela fonctionne correctement sur les autres pages de site mais pas sur celle-ci.

Problème : https://imageshack.com/
Page ok : https://imageshack.com/

Mon CSS :

#corps
{
margin-top:none;
width:750px;
height:450px;
background-color: #FFFFFF;
}

ul#photos li {
margin-top: 30px;
margin-bottom: none;
padding: 0 0.5em;
/*line-height : 30px;*/
list-style-type: none;
}

ul#photos li.photo {
float : left;
}


Mon html :

<div id="corps">
<ul id="photos">
<li class="photo"><a href="images/image-1.jpg" rel="lightbox" title="Sauté de porc au cidre"><img src="images/image-1.jpg" width="150" height="110" border=none></a></li>
<li class="photo"><a href="images/image-1.jpg" rel="lightbox" title="Sauté de porc au cidre"><img src="images/image-1.jpg" width="150" height="110" border=none></a></li>
.....
.....
</ul>
</div>

Quand j'enlève les balises UL je n'ai plus ce problème mais n'arrive pas en mettre en forme ma galerie !!

Une idée ? merci