линия в div - Вопросы по CSS

День добрый , подскажите кто знает , голова кипит уже , решил сделать меню не в таблице-ячейке а в div , сделал id в CSS типа :
#nav-menu {
   display: block;
   background-image: url(../images/Menu1.png);
   background-repeat: repeat-x;
   height: 36px;
   width: 95%;
   text-align: left;
   text-decoration:none;
   margin-top: 0;
   margin-right: auto;
   margin-bottom: 0;
   margin-left: auto;
}

#nav-menu a:link {
   font-weight: bold;
   padding-right: 10px;
   padding-left: 10px;
   border-right-width: thin;
   border-right-style: solid;
   border-right-color: #CFF;
   height:36px;
   text-decoration:none;
   color: #FFF;
   padding-top: 0px;
   padding-bottom: 0px;
}

#nav-menu a:hover {
   font-family: Verdana, Geneva, sans-serif;
   font-weight: bolder;
   background-color: #F93;
   padding-right: 10px;
   padding-left: 10px;
   border-right-width: thin;
   border-right-style: solid;
   border-right-color: #CFF;
   text-decoration: none;
   height:36px;
   text-decoration:none;
   color: #FFF;
   background-position: 36px;
}

соответсвенно появилась проблема , правая линия-разделитель не устанавливается в 36рх и при наведении на ссылку фон не закрашивает всю типа-кнопку , остаются отступы сверху и снизу .
Подскажите как можно решить или я вобще выбрал неудачный вариант создания стиля меню ?

Сам себе же и отвечу , ошибка была в #nav-menu {
   display: block;  , display: block; надо было добавлять на линки , отсальная подгонка уже дело техники .
Извиняюсь за тему , наверное её можно удалить.