Нужно хорошо оформить меню категорий на сайте. Формируется списком. <div class="category"> <ul> <li>1</li> <li>2</li> <ul> <li>2.1</li> <li>2.2</li> </ul> </ul> </div> сделал клд css таким: #category { background-color: #1f8ee3; font-family: Arial; font-weight: 700; } #category ul { list-style: none; padding: 0px; border: none; } #category li { border-bottom: 1px solid #90bade; margin: 0; } #category li a { display: block; padding: 5px 5px 5px 15px; background-color: #2175bc; color: #000; text-decoration: none; width: 100%; padding-left: 20px; background-image: url(Images/Shop_menu/Fly_test_13_13.png); } html>body #category li a { width: auto; } #category li a:hover { background-color: #2586d7; color: #fff; } Как зделать так чтоб подкатегории отображались подругому (отсуп от левого краю + ругой фон)?