Добрый день! Есть вертикальное меню в левой колонке такого вида: <tr><td class="me"> <ul class="lev"> <li class="menulev" id="menu_left"><a href="">Главная</a></li> <li class="menulev" id="menu_left"><a href="">Любопытно</a></li> <li class="menulev" id="menu_left"><a href="">Новости </a></li> <li class="menulev" id="menu_left"><a href="">Ссылки</a></li> <li class="menulev" id="menu_left"><a href="">О проекте</a></li> <li class="menulev" id="menu_left"><a href="">Обратная связь</a></li> </ul> </td></tr> Основные стили CSS такие: #menu_left a:link, #menu_left a:visited { text-decoration: none; font-size: 11pt; color: #3300ff; } #menu_left a:hover { text-decoration: underline; font-size: 11pt; color: red; } td.me { background-image: url(menulev.jpg); background-repeat: repeat-x; text-align: left; } ul.lev { list-style-type: none; margin-left: 0; padding: 20px 0px; white-space:nowrap; } li.menulev { border: 1px solid silver; padding-left: 10px; text-align: left; } Помогите, пожалуйста, как сделать, чтобы названия пунктов в меню отодвинулись от верхней и нижней рамок, а то они сейчас зажаты. Видимо, нужен padding, но не пойму, в какой пункт таблицы стилей его добавить.