1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
|
#menu { width: 57%; background: #eee; }
#menu ul { list-style: none; margin: 0; padding: 0; width: 100px; float: left; }
#menu a, #menu h2
{ font: bold 11px/16px arial, helvetica, sans-serif;
display: block; border-width: 0px; border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0; padding: 2px 3px; }
#menu h2 { color: #FF8635; background: #96D12C; text-transform: uppercase; }
#menu a { color: #000; background: #efefef; text-decoration: none; }
#menu a:hover { color: #a00; background: #fff; }
#menu li {position: relative;}
#menu ul ul { position: absolute; z-index: 500; }
#menu ul ul ul { position: absolute; top: 0; left: 100%; }
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;} |