[css] menu za pomoca <ul> i css

napisalem sobie cos takiego

<div id="right">
<ul id="pr_m">
<a href="/1" class="ktl_navi"><li id="pr_m_kom"> 1</li></a>
<a href="/2" class="ktl_navi"><li id="pr_m_kom">2</li></a>
<a href="/3" class="ktl_navi"><li id="pr_m_kom">3</li></a>
<a href="/4" class="ktl_navi"><li id="pr_m_kom">4</li></a>
<a href="/5" class="ktl_navi"><li id="pr_m_kom">5</li></a>
</ul>
<ul id="pr_m">
<li id="pr_m_komb">&nbsp;</li>
<li id="pr_m_komb2">
      dlugi napis:)
</li>
</ul>
</div>

z css

#right {
 float: right;
 width: 500px;
 height: 200px;  
}
#pr_m{
padding: 0px;
margin: 0px;
}
#pr_m_kom{
display:inline;
list-style-type: none;
width:100px;
height: 155px;
background-image: url("/img/pasek.gif");
border: 1px;

}
#pr_m_komb{
display: inline;
list-style-type: none;
width:100px;
height: 45px;
background-image: url("/img/pasek_b.gif");
}
#pr_m_komb2{
display: inline;
list-style-type: none;
width:400px;
height: 45px;
background-image: url("/img/pasek2_b.gif");
text-align: right;
padding-top: 2px;
padding-right: 20px;
vertical-align: 5px;
}

problem jest taki ze pierwsze zakladki (gorne -pr_m_kom) sa dlugosci i szerokosci tekstu a nie takiej jakiej podalem w css czyli 100x200px a druga lista gdzies sie zapodziala i dlugi tekst wyswietla sie w polowie bloku:\

Naucz sie xhtml'a. Zupelnie zrobiles jedna wielka kaszane. Pierwsza sprawa:

<a href="/1" class="ktl_navi"><li id="pr_m_kom"> 1</li></a>

Co to ujest??? Powinno byc tak:

<li id="pr_m_kom"><a href="/1" class="ktl_navi"> 1</a></li>

id="costam" - to jest identyfikator. I rozni sie tym od klasy , ze moze wystapic tylko raz!

Poczytaj tez troche o stylu float.

nie no luz troche to pozmienialem
wejdz sobie na http://wizard.ae.krakow.pl/~kamins2p/
i porownaj pod IE i pod FF