css menu - definice class ? pozadi obrazkem dve menu

mam tyto dve menu definici v jednom css ? porad se mi to nejak mezi sebou micha - pozicovani ul, taky nevim jestly je vhodne udelana definice class jednoduse - mam dve menu chci kazdemu definovat jine vlastnost ...muze nekdo poradit v cem je problem ? diky


css----

#menu
{width:430px;
height: 300px;
float: left;
background-repeat: no-repeat;
background-image: url(img/pozadi2.gif);
background-position:;
margin: 0px;
padding: 0px;
text-align: left;
}


.menu ul {
list-style: none;
margin: 15px;
margin-left: 100px;
margin-top: 20px;
padding: 0px;
}
.menu li {
margin: 0px;
padding: 0px;
font-size: 17px;
background-image: url(img/gallery.gif);
background-repeat: no-repeat;
width: 100px;
height:40px;
display: block;
}

.menu li a:hover {
width: 100px;
height: 40px;
background-image: url(img/gallery.gif);
background-repeat: no-repeat;
background-position:-100px 0 ;
display: block;
}


#menugalery

{
width:800px;
height:50px;
float:left;
background-repeat: no-repeat;
background-position:;
margin: 0px;
padding: 0px;
text-align:left;
}




.galery li
{
display: inline;
list-style: none;
padding: 0px;
margin: 0px;
width: 100px;
background-image: url(img/gallery.gif);
}

.galery li a:hover
{

}



html ----
<div id="menu">
<ul class="menu">
<li class="menu"><a class="home" href="#">Vizitka<em></em></a></li>
<li class="menu"><a class="menubook" href="#">Guest book<em></em></a></li>
<li class="menu"><a class="menugallery" href="#">Gallery</a></li>
<li class="menu"><a class="tshirt" href="#">Trika<em></em></a></li>
<li class="menu"><a class="video" href="#">Video<em></em></a></li>
</ul>
</div>


<div id="menugallery">
<ul class="galery">
<li class="galery"><a class="home" href="#">vizitka</a></li>
<li class="galery"><a class="menubook" href="#">guest book</a></li>
<li class="galery"><a class="menugallery" href="#">tribal</a></li>
<li class="galery"><a class="menugallery" href="#">japanese</a></li>
<li class="galery"><a class="menugallery" href="#">realistic</a></li>
<li class="galery"><a class="menugallery" href="#">cover-up</a></li>
<li class="galery"><a class="menugallery" href="#">others</a></li>
<li class="galery"><a class="tshirt" href="#">trika</a></li>
<li class="galery"><a class="video" href="#">video</a></li>
</ul>
</div>

<style>
.menu {}
.menu li {}
.menu a {}
</style>


<div id="kontejnermenu">
<ul class='menu'>
<li class='menu'>[…]
</ul>
</div>


takto ?? to jde taky ? protoze potrebuju definovat div -kontejner potom ul a li ..pripadne a
??