Всем доброго времени суток! Смотрите, проблема вот в чем. Есть меню, вертикальный аккордеон, несколько уровней. Все хорошо работает, но только вот есть проблема в css. Проблема в том, что открытые серые <li>(те, что светлее) по высоте больше, чем надо. И главное, что в коде пэддинг стоит только для верха и левой стороны этого <li>, но почему-то он и вниз растягивается, что и не очень выглядит, потому что сами эти <li> больше главных лишэк. Вот css: .topnav { background: #d3d3d3; width: 268px; padding:0; list-style:none; } .topnav ul{ padding: 0; margin: 0; font-size: 1em; line-height: 0.5em; list-style: none; } .topnav li { width:268px; list-style: none; background:#a5a5a5; margin-top:4px; margin-bottom:4px; } .topnav li a { display: block; line-height: 40px; text-indent:10px; color:#000000; width: 268px; height: 43px; text-decoration: none; font-size: 13px; font-weight: normal; outline:none; } .topnav li a:hover { display: block; color:#424242; text-decoration:none; } .topnav ul ul { background:#ededed; width:268px; padding: 5px 0 0px 0; display:none; } .topnav ul ul li { margin: 0; padding: 0; clear: both; margin-bottom:3px; } .topnav ul ul li a { width:262px; padding:15px 0px 0px 6px; line-height: 12px; text-decoration: none; color: #000; text-indent:0px; font-size:12px; background: #bfc0c0; } .topnav ul ul li.active a { color: #000; font-weight: bold; } .topnav ul ul li a:hover { background: #cbcccc; padding:15px 0px 0px 6px; width:262px; line-height: 12px; color: #424242; font-size:12px; } .topnav ul ul ul li a { color:#444; padding-left:10px; } .topnav ul ul ul li a:hover { background-color:#D3CEB8; color:#675C7C; } .topnav ul span{float: right;clear:both; padding-right:10px} Заранее спасибо за помощь!