Помогите добавить воздуха в меню

[Vimaz]

Добрый день!

Есть вертикальное меню в левой колонке такого вида:

<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, но не пойму, в какой пункт таблицы стилей его добавить.

[klierik]

выложите пример в интернет, пожалуйста.

[Vimaz]

вот тестовая страничка

http://zwezda.ru/test.html

[klierik]

попробуйте так:

#menu_left a {display: block}
#menu_left a:hover {padding: 4px 0;}