Добрый день! Прошу вашей помощи, тк уже не знаю что и пробовать. Опишу суть проблемы: Имеется боковое вертикальное меню написанное списком (ul li) и его оформление на css. Необходимо сделать чтобы у выделенного пункта меню был list-style circle, а у остальных - none. И при этом выделенный пункт должен быть другого цвета. У меня получилось сделать только чтобы у выделенного не было кружка, а у все был вод код html: <td> <div id="submenu"> <ul id="submenu"> <li class="curent"><a class="curent" href="production.html" ><span>Всех производителей</span></a></li> <li><a href="#">Druseidt</a></li> <li><a href="#">Icore International</a></li> <li><a href="#">ITT Interconnect Solutions</a></li> <li><a href="#">Mennekes</a></li> <li><a href="#">Multi-Contact</a></li> <li><a href="#">PCE</a></li> <li><a href="#">Telegaertner</a></li> <li><a href="#">Walther</a></li> </ul> </div> </td> а вот css #submenu { background-image: url(../images/submenu-bg.png); background-repeat: repeat; margin: 0; padding: 0px 0px 0px 12px; } #submenu ul { background-image: url(../images/submenu-bg.png); background-repeat: repeat; margin: 0; padding: 0px 0px 0px 0px; } #submenu li { background-image: url(../images/submenu-bg.png); background-repeat:no-repeat; margin: 0; list-style:circle; } #submenu li.curent { background-position:left; margin: 0; list-style:none; color:#306498; } #submenu ul li a { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ff0000; line-height: 21px; text-decoration: none; list-style:none; } #submenu ul li a:hover { color: #000; text-decoration: none; } Буду очень благодарна за любого рода советы!!!