vysouvaci menu - drobnost

#pro_linedrop {
height:35px;
width:100%;
background:url(lrimages/black_0.gif);
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px;
z-index:100;
}

#pro_linedrop .select {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
}

#pro_linedrop li {
float:left;
background:url(lrimages/black_1.gif);
}

#pro_linedrop li.lrt {
float:right;
background:url(lrimages/blue_1.gif);
}


#pro_linedrop .select a {
display:block; 
height:35px; 
float:left; 
background: url(lrimages/black_0.gif); 
padding:0 0 0 15px; 
text-decoration:none; 
line-height:33px; 
white-space:nowrap; 
color:#fc0;
}


#pro_linedrop .select li.lrt a {color:#0ff;}


#pro_linedrop .select a b {
display:block;
padding:0 30px 0 15px; 
background:url(lrimages/black_0.gif) right top;
}

#pro_linedrop .select li.line a b {
background:url(lrimages/black_0a.gif) right top;
}

#pro_linedrop .select a:hover, 
#pro_linedrop .select li:hover a {
background: url(lrimages/black_1.gif); 
padding:0 0 0 15px;
cursor:pointer; 
color:#fff;
}

#pro_linedrop .select li.lrt a:hover, 
#pro_linedrop .select li.lrt:hover a {
background: url(lrimages/blue_1.gif); 
}

#pro_linedrop .select a:hover b, 
#pro_linedrop .select li:hover a b {
display:block; 
float:left;
padding:0 30px 0 15px; 
background:url(lrimages/black_1.gif) right top; 
cursor:pointer;
}

#pro_linedrop .select li.line a:hover b, 
#pro_linedrop .select li.line:hover a b {
background:url(lrimages/black_1a.gif) right top; 
}

#pro_linedrop .select li.lrt a:hover b, 
#pro_linedrop .select li.lrt:hover a b {
background:url(lrimages/blue_1.gif) right top; 
}

#pro_linedrop .select li.lrt a:hover b.arrow, 
#pro_linedrop .select li.lrt:hover a b.arrow {
background:url(lrimages/blue_1a.gif) right top; 
}

#pro_linedrop .sub {
position:absolute; left:-9999px; width:0;
}

/* IE6 only */
#pro_linedrop table {
border-collapse:collapse; 
margin:-1px -10px -1px -1px; 
font-size:1em; 
width:0; 
height:0;
}

#pro_linedrop .sub {
margin:0; 
padding:0;
list-style:none;
}

#pro_linedrop .sub li {background:transparent;}

#pro_linedrop .select :hover .sub {
height:25px;
position:absolute;
width:100%;
top:35px; 
left:0; 
text-align:center;
background:#fff url(lrimages/fade.gif);
border-bottom:1px solid #aaa;
}

#pro_linedrop .select :hover .rt li {float:right;}

#pro_linedrop .select :hover .sub li a 
{display:block; height:25px; line-height:22px; float:left; background:#fff url(lrimages/fade.gif); padding:0 16px; margin:0; white-space:nowrap; color:#333;font-size:10px;}

#pro_linedrop .select :hover .sub li.subline a {color:#c00;}

#pro_linedrop .select :hover .sub li a:hover,
#pro_linedrop .select :hover .sub li:hover
{color:#000; line-height:20px; position:relative; background:#fff url(lrimages/fade.gif) left bottom;}

<div id="menu">

<div id="pro_linedrop">

<ul class="select">
<li><a href="index.html"><b>Home</b></a></li>
<li class="line"><a href="inex.html"><b>Návody</b><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
	<ul class="sub">
	    <li><a href="#nogo">Terény</a></li>

        <li><a href="#nogo">Schopnosti</a></li>
		<li><a href="#nogo">Útoky</a></li>
		<li><a href="#nogo">Příkazy</a></li>
		<li><a href="#nogo">Tipy</a></li>
	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="line"><a href="index.html"><b>Jednotky</b><!--[if IE 7]><!--></a><!--<![endif]-->

<!--[if lte IE 6]><table><tr><td><![endif]-->
	<ul class="sub">
	    <li><a href="#nogo">Lidé</a></li>
        <li><a href="#nogo">Elfové</a></li>
		<li><a href="#nogo">Trpaslíci</a></li>
		<li><a href="#nogo">Skřeti</a></li>
		<li><a href="#nogo">Nekromanti</a></li>

		<li><a href="#nogo">Draci</a></li>
	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="line"><a href="index.html"><b>Ostatní</b><!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
	<ul class="sub">
		<li><a href="http://webber.cz/guestbook.php?id=8151">Návštěvní kniha</a></li>
	</ul>

<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="lrt"><a href="prihlaseni.html"><b>Přihlášení do klanu</b></a></li>
<li class="line lrt"><a href="index.html"><b class="arrow">Boje klanu</b><!--[if IE 7]><!--></a><!--<![endif]-->

<!--[if lte IE 6]><table><tr><td><![endif]-->
	<ul class="sub rt">
		<li><a href="historie.html">Historie</a></li>
		<li><a href="boje.html">Připravované boje</a></li>
	</ul>

<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="line lrt"><a href="#nogo"><b class="arrow">Komunita klanu</b><!--[if IE 7]><!--></a><!--<![endif]-->

<!--[if lte IE 6]><table><tr><td><![endif]-->
	<ul class="sub rt">
		<li><a href="ircchat.html">Chat klanu</a></li>
		<li><a href="clenove.html">Členové</a></li>
		<li><a href="uvod.html">Úvod</a></li>

		<li><a href="podrobnosti.html">Informace o členech</a></li>

	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>


</div>