• Paranoid - курс по анонимности и безопасности в сети от команды codeby. Защита персональных данных, анонимность в сети интернет, настройка виртуальных машин, безопасная передача данных, анти форензика и еще много всего полезного. Подробнее ...

  • Мобильный клиент нашего форума для Android гаджетов доступен в Google Play Market по этой ссылке. Клиент можно скачать с нашего форума по этой ссылке. Последняя версия МК в нашем телеграм канале вот здесь

Css меню

  • Автор темы realmadrid
  • Дата начала
R

realmadrid

#1
Здравствуйте!
У меня следующее меню:

<style type="text/css">
#tabs ul li {
margin-left: -5px;
margin-bottom: 0px;
padding: 7px 15px 7px;
border: 1px solid #ffffff;
list-style: none;
display: inline;
background-image:url(images/menu.jpg);
height:29px;
vertical-align:top;
}
</style>


<div id="tabs">
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
</ul>
</div>

Меню находится в ячейке таблины. Но красиво и точно оно выглядит только в IE. В Opera верхняя граница ячейки проходит точнёхонько по верхнему краю текста, а отступ (padding-top) оказывается за границей ячейки. В Mozilla же меню висит в нескольких пикселах от верхнего края ячейки. Как это устранить?