* { margin: 0; padding: 0; } body { font: 14px Helvetica, Sans-Serif; } #page-wrap { width: 870px; margin: 10px auto; } a { text-decoration: none; } ul { list-style: none; } p { margin: 15px 0; } /* LEVEL ONE */ ul.dropdown { position: relative; } ul.dropdown li { font-weight: bold; float: left; zoom: 1; background: #333333; background:url(https://www.ldwebb.se/userpic/modeco/knapp1.jpg) 0 0; ul.dropdown li:hover { background: #333333; } } ul.dropdown a:hover { color: #C0C0C0; } ul.dropdown a:active { color: #C0C0C0; } /*ul.dropdown li a { display: block; height: 19px; width: 150px; padding: 10px 0px; border-right: 3px solid #333333; color: #FFFFFF; } */ ul.dropdown li a { display: block; height: 19px; padding: 10px 8px; border-right: 1px solid #333333; color: #; } /*ul.dropdown li:last-child a { border-right: none; }*/ /* Doesn't work in IE */ ul.dropdown li:last-child a { border-right: 1px solid #333333; color: #; } ul.dropdown li:hover { background: #333333; color: FFFFFF; position: relative; } ul.dropdown li.hover a { color: #333333; } /* LEVEL TWO */ ul.dropdown ul { width: 200px; visibility: hidden; position: absolute; top: 100%; left: 0; } ul.dropdown ul li { font-weight: normal; background:url(); background:#; filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;-khtml-opacity:0.80); color: #; border-bottom: 1px solid #333333; float: none;border-top: 0px solid #ccc; float: none; } ul.dropdown ul li:hover { background: #; color: ; position: relative; } ul.dropdown li:hover { background: #; color: ; position: relative; } /* IE 6 & 7 Needs Inline Block */ /* ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block; } */ ul.dropdown ul li a { border-right:none; width: 184px; display: inline-block; } /* LEVEL THREE */ ul.dropdown ul ul { left: 100%; top: 0; } ul.dropdown li:hover > ul { visibility: visible; } ul.reset li {list-style-type: disc;} ul.reset {list-style-type: disc;} ul.square {list-style-type:square}