Probleme d'integration menu avec css

Bonjour,
mon probleme est le suivant.
mes lien de mon menu sous forme de liste ne fonctionne plus une foi integrer dans mon <div> "maincontent" a redimensionnement auto (ni la main ni le a:hover et encore moins la redirection) alors qu'il fonctionnait parfaitement sur ma page teste. ce n'est pas un probleme de chemin d'acces...

un bout de code vaut mieux qu'un long discourt alors voici le html correspondant a mon maincontent.


<div class="maincontent">
<div class="sous_menu">

<ul class="sous_menu">
<li><a href="galerie" title="">Galeries photos</a></li>
<li><a href="derniere_realisation" title="">Dernières réalisations</a></li>
<li><a href="acces_prive" title="">Accès privés</a></li>
</ul>
</div>

<div class="picsengine">
je vous epargne le code d'integration flash du logiciel diapo
</div>
</div>


et le css correspondant

.maincontent{
width:20% 80%;
}

.sous_menu{
padding-left:50px;
padding-top:100px
}

ul.sous_menu{
width:20%;
height:100%;
padding:0;
list-style-type:none;
}

ul.sous_menu a{
text-align:left;
text-decoration:none;
padding:3px 14px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
}

ul.sous_menu a:hover
{
color:#000000;
}

.picsengine {
padding-left:20%;
width: 80%;
position:absolute;
top: 75px;
bottom: 60px;
}


merci a toute personne qui pourait m'aider
sebastien