CSS tworzenie menu

[matriks87]

Witam, mam takie pytanie jak wybrnąć z tej sytuacji bo nie mogę nic znaleźć próbuje zrobić stronkę w której mam jedno menu poziome np

Kod:

<div id="menu">
<ul>
<li><a href='index.php?akcja=mnie'>O MNIE</a></li>
<li><a href='index.php?akcja=galeria'>GALERIA</a></li>
</ul>
</div>

i css do niego

Kod:

#menu ul                {
                    position: absolute;
                  }

#menu ul li             {
                   float: left;
                   border-width: 0 1px 1px 1px;
                   border-style: solid;
                   border-color: transparent #25b #25b #9ce;
                  }

#menu ul a:link, ul a:visited
                  {
                   text-decoration: none;
                   display: block;
                   width: 146px;
                   text-align: center;
                   padding: 5px 0;
                   font-weight: bold;
                   background-color: #27c;
                   color: #def;
                   border-top: 10px solid #25b;
                  }

#menu ul a:hover        {
                   background-color: #28e;
                   color: #fff;
                   border-top: 20px solid #26d;
                  }

i chce zrobić podmenu pionowe dostępne tylko np w O MNIE

Kod:

<div id="menu2">                                                                                                                
<ul><li><a href='index.php?akcja=dane'>DANE</a></li><ul><br />
<ul><li><a href='index.php?cos='>costam</a></li><ul> <br />
</div>

i jego css

Kod:

#menu2 ul, ul li {
   display: block;
   list-style: none;
   margin: 0;
   padding: 0;
}

#menu2 ul li {
   width: 190px;
   padding-left: 10px;
   background: #797 url("punkt.gif") no-repeat left top;
   border-width: 1px;
   border-style: solid;
   border-color: #dfe #365 #365 #dfe;
}

#menu2 ul a:link, ul a:visited {
   display: block;
   width: 169px;
   text-decoration: none;
   padding: 5px 10px;
   font-weight: bold;
   background: #bfb url("tlo.gif") repeat-x top;
   color: #365;
   border-left: 1px solid #797;
}

#menu2 ul a:hover {
   background-color: #797;
   background-image: url("tlo2.gif");
   color: #eff;
}

tyle że dla tego podmenu ustawia mi wszystko z pierwszego cssa niech mi ktoś powie co robie żle, pewnie to jest banalne i czegoś nie doczytałem ale sie mecze już jakiś czas i nie mogę dojść jak to zrobić