Samo menu działa. Może ktoś wie gdzie robię błąd.
<div id="nav"> <ul class="top-level"> <ul class="sub-level"> </ul> </li> </ul> </div> <style> #nav{ font-size:0.75em; width:150px; } #nav ul { margin:0px; padding:0px; } #nav li { list-style: none; } /* tlo glowne */ ul.top-level { background:#666; } /* style kafelkow top */ ul.top-level li { border-bottom: #fff solid; border-top: #fff solid; border-width: 1px; } #nav a { color: #fff; cursor: pointer; display:block; height:25px; line-height: 25px; text-indent: 10px; text-decoration:none; width:100%; } /* ogolny hover */ #nav a:hover{ text-decoration:underline; } #nav li:hover { background: #f90; position: relative; } ul.sub-level { display: none; width:0px; /* Animacja */ -moz-transition-duration:1s; -moz-transition-timing-function:cubic-bezier(0,0.5,1,0.5); } /* hover sublevel */ li:hover .sub-level { background: #999; border: #fff solid; border-width: 0px; display: block; position: absolute; left: 150px; top: 0px; width:150px; } /* gabaryty sublevel */ ul.sub-level li { border: none; float:left; width:150px; } </style>