.menuBlock { xborder:1px solid darkorange; width:100%; } #localMenu { padding: 0 0 0 0; color: navy; margin:0px; list-style:none; width: 146px; left:0px; position:relative; top:10px; } #localMenu ul { border: 0px; padding: 0px 0px 0px 0px; margin: 0px; list-style-type: none; display: block; } #localMenu li { margin: 0px; padding:0px; border: none; /* ie hack */ border: 1px solid darkorange; /*darkorange*/ color: white; font-weight:bold; position:relative; } #localMenu li a { font-size: 13px; font-family: Arial, lucida, sans-serif; font-weight:bold; xfont-weight:normal; display: block; padding: 2px; padding-right: 3px; padding-left: 3px; margin: 0; color: white; border-left: 0px solid white; border-bottom: 1px dotted white; text-decoration: none; width:100%; } #localMenu li a:hover { border-left: 5px solid rgb(0,0,35); color:rgb(210,110,35); color: rgb(0,0,35); background:#d8d8ff; background:darkorange; } /* menu druhe urovne */ /* polozky menu druhe urovne */ #localMenu li li { xborder:1px solid red; } #localmenu li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ top: auto; lleft: auto; left:-4.5em; top: 5px; } /* seznamy druhe urovne */ #localMenu li ul { display:none; /* aby tohle fungovalo musi byt cely obsah v divu, ktery je pozicovan relativne. Absolutni pozicovani je v ramci nejblizsiho nadrizeneho relativne pozicovaneho prvku. Pokud neni urceno jinak tak */ position:absolute; xbackground:red; background:darkorange; padding:0; margin:0; border: 0px solid black; left: 143px; top:0px; width:120px; } #localMenu li:hover ul, #localMenu li.over ul { display:block; } /* menu druhe urovne */ #localMenu li li a { color:white; border:none; padding-left: 1em; } #localMenu li li a:hover { color:rgb(0,0,35); xbackground:rgb(0,0,35); xbackground:#d8d8ff; background:darkorange; border:none; border-left: 5px solid ; } .left20 { margin-left: 20px; }