Problem menu poziome i pionowe

[KowR]

Lepiej stosuj tak:

XHTML:

Kod:

<div id="menupoziome">
   <ul>
       <li><a href="">Pozycja menu poziomego</a></li>
       <li><a href="">Pozycja menu poziomego</a></li>
       <li><a href="">Pozycja menu poziomego</a></li>
       <li><a href="">Pozycja menu poziomego</a></li>
       <li><a href="">Pozycja menu poziomego</a></li>
   </ul>
</div>

<div id="menupionowe">
    <ul>
       <li><a href="">Pozycja menu pionowego</a></li>
       <li><a href="">Pozycja menu pionowego</a></li>
       <li><a href="">Pozycja menu pionowego</a></li>
       <li><a href="">Pozycja menu pionowego</a></li>
       <li><a href="">Pozycja menu pionowego</a></li>
   </ul>
</div>

Oraz CSS

Kod:

div#menupoziome {
margin:0px;
padding:0px;
text-align:center;
width:1000px;
float:left;
}

div#menupoziome ul {
text-align:center;
margin:0px;
padding:0px;
display:inline;
width:1000px;
list-style-type:none;
}

div#menupoziome ul li {
text-align:center;
margin:0px;
padding:0px;
display:inline;
list-style-type:none;
}

div#menupoziome ul li a {
text-align:center;
margin:0px;
padding:0px;
display:inline;
color:#000000;
text-decoration:none;
}

div#menupoziome ul li a:hover {
text-align:center;
margin:0px;
padding:0px;
display:inline;
color:#000000;
text-decoration:underline;
}

div#menupionowe {
margin-top:30px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
padding:0px;
text-align:center;
width:300px;
float:left;
}

div#menupionowe ul {
text-align:left;
margin:0px;
padding:0px;
display:block;
width:300px;
list-style-type:none;
}

div#menupionowe ul li {
text-align:left;
margin:0px;
padding:0px;
display:block;
width:300px;
list-style-type:circle;
}

div#menupionowe ul li a {
margin:0px;
padding:0px;
color:#000000;
text-decoration:none;
}

div#menupionowe ul li a:hover {
margin:0px;
padding:0px;
color:#000000;
text-decoration:underline;
}

Dla ułatwienia stosuj sobie komentarze które będą oddzielać Ci elementy...

Np. nad menu poziomym:

Kod:

/* MENU POZIOME */

A nad menu pionowym:

Kod:

/* MENU PIONOWE */

I reszta analogicznie.

Pokazałeś kawałek CSS'a, który ma bardzo mało linijek. A co by było gdybyś miał do zakodowania ogromny layout?

Pisane z palca.