ul.webmascon { margin: 0; padding: 0; list-style: none; width: 221px; 
        } /* удаляем отступы, затем маркеры, задаем ширину основного пункта меню ul  */

ul.webmascon li { position: relative;
        } /* задаем относительную позицию пунктов основного меню ul  */

ul.webmascon li ul { position: absolute; left: 180px; top: 0; display: none; width: 220px; background: #153F00; list-style: none;
        } /* задем абсолютную позицию подменю относительно предка (left-top), делаем его невидимым при открытии страницы (display: none)  */

ul.webmascon li a { display: block; color: #ffffff; font-family: Tahoma; font-size: 13px; text-decoration: none; font-weight : bold; background: url(img/des/lmen2.jpg); padding-left: 25px; padding-top: 7px; padding-bottom: 7px; border: 0px solid #fff; border-bottom: 0;
        } /* задаем свойства пунктов основного меню ul  */

ul.webmascon li a:hover { display: block; color: #D9B23E; font-family: Tahoma; font-size: 13px; text-decoration: underline; font-weight : bold; background: url(img/des/lmen3.jpg); padding-left: 25px; padding-top: 7px; padding-bottom: 7px; border: 0px solid #fff; border-bottom: 0;
        } /* задаем свойства пунктов основного меню ul  */

/* Fix IE. Hide from IE Mac \*/ * html ul li { float: left; 
} * html ul li a { height: 1%; } /* End */   /* Holly Hack - убираем разрывы между основными пунктами */

ul.webmascon { margin: 0; padding: 0; list-style: none; width: 221px; border-bottom: 0px solid #ccc; 
        } /* задаем свойства пунктов основного меню ul  */

ul.webmascon li:hover ul { display: block;
        } /* чтобы подменю появлялись в тот момент, когда курсор находится над элементом списка  */

ul.webmascon li.over ul { display: block; }

ul.webmascon ul li ul li a{ background: #5B9A2F; border-width: 0; }