Этот вопрос, кажется, часто задают через Интернет, но я все еще не могу найти решение.

У меня есть эта панель навигации (она переключается между вкладками с помощью jQuery), которая отображает встроенный. Я показываю фоновое изображение на них, и чтобы сделать их более четкими, мне нужно сделать их шире и выше.

<div id="tabs">
<ul id="tabs-nav-cont">
    <li class="tabs-navs"><a href="#tabs-1">Nav 1</div></a></li>
    <li class="tabs-navs"><a href="#tabs-2">Nav 2</div></a></li>
    <li class="tabs-navs"><a href="#tabs-3">Nav 3</div></a></li>
    <li class="tabs-navs"><a href="#tabs-4">Nav 4</a></li>
</ul>
</div>

Единственный способ, которым я могу это сделать, - вернуть их обратно к элементам блока. Что не то, что я хочу, потому что они отображаются вертикально. Поэтому я попытался поместить div в якоря, чтобы я мог их оценить. Однако, похоже, они тоже меняют их обратно на блокирующие элементы.

Я не совсем понимаю. Кто-нибудь, пожалуйста, помогите :)