test
<style>
.navigace a {border: 0}
.navigace a:hover {background: #81C1F5; color: #0D6AB7}

.navigace {width: 152px}
.navigace, ul {list-style: none; padding: 0; margin: 0}

.navigace li {display: block;}
.navigace li a {display: block; padding: .0em 5px; color: navy}
.navigace > li {position: relative; margin-bottom: .2em;  border: 1px solid transparent; height: 2em; background: #81C1F5}
.navigace > li:hover {border: 1px solid #0D6AB7; z-index: 1}
.navigace > li > a {position: absolute; top: 0; left: 0; width: 133px; line-height: 2em; background: #81C1F5}
.navigace > li:hover > a {z-index: 11}
.navigace li ul {display: none; position: absolute; left: 150px; top: -1px; width: 300px; padding-left: 10px; background: #81C1F5; border: 1px solid #0D6AB7; border-bottom-width: 3px; z-index: 10}
.navigace li:hover ul {display: block;}

.navigace ul li {display: block; float: left;}
.navigace ul a {float: left; width: 275px; text-align: left;}
.navigace ul a:hover {text-decoration: none; background: #0D6AB7; color: #fff}
</style>

<menu class="navigace">
	<li><a href="#">Posunout na</a>
	       <ul>
		<li><a href="#">Safo</a></li>
                <li><a href="#">Adršpach</a></li>
                <li><a href="#Antygl">Antygl</a></li>
                <li><a href="#">Hluboká</a></li>
		<li><a href="#">Kost</a></li>
		<li><a href="#">Benešov nad Ploučnicí</a></li>
		<li><a href="#">Odkaz</a></li>
		<li><a href="#">Odkaz</a></li>
		<li><a href="#">Odkaz</a></li>
               </ul>
	
	
	
</li></menu>