подскажите как сделать чтобы одна каждая стрелочка находилась в своей табличке, рамке . и как чтобы в третьем выпадающем списке убрать это же изображение, так как оно там не нужно. вот css-код этого меню. Код (CODE): .module *{ padding:0; margin:0; padding-bottom:10px; width:168px; } .module ul.menu { width:168px; background-color: #F3F3F3; background-image: url("../images/arrow_right1.gif"); background-position: right center ; background-repeat: no-repeat; text-align: left; border:1px solid #E7E7E7 ; } .module ul.menu li{ display:block; position: relative; border: solid black 1px; } .module ul.menu li a{ display:block; padding:5px; } .module ul.menu li ul{ display:none; position:absolute; width:100px; top: 0px; left: 167px; background-color: #FFD500; white-space:nowrap; background-image: url("../images/arrow_right.gif"); background-position: center right ; background-repeat: repeat-y; border: solid black 1px; } .module ul.menu li:hover ul{ display:block; z-index:2; } .module ul.menu li:hover ul li ul{ display:none; } .module ul.menu li:hover ul li:hover ul{ display:block; z-index:3; background-color: #CCFF99; left:100px; width:200px; } прилагается весь css-код шаблона, если нужен канешн) сайт:http://flowerpatio.ru помогите пожалуйста, целый день голову ломаю. Заранее благодарен
картинку и ее позиционирование надо задавать не для элемента ul, а для li что-то типа Код (CODE): .menu li { background-image: url("../images/arrow_right.gif") center right repeat-no; border: solid black 1px; margin:0; padding:0 0 5px 0; }