Как сделать теги <a>и <li>такими же размерами, как <ul>для выпадающего меню Suckerfish?

Question

Я использую раскрывающееся меню Suckerfish со следующей структурой, и когда я проверяю HTML с помощью инструментов разработчика Chrome, я обнаруживаю, что тег и соответствующий тег имеют свои собственные измерения из тега.Это проблематично, потому что это приводит к тому, что кнопка немного больше, чем другие мои кнопки на моей странице.Вот скриншот того, что я имею в виду: http://dl.dropbox.com/u/9191/Screenshots/lsuf.png

Как видите, кнопка 3 больше других кнопок.В идеале я хотел бы сделать кнопку 3 такого же размера, как и остальные.

Вот разметка:

<ul id="suckerfish">
<li id="main"><a href="#">Button 3</a>
    <ul id="dropdown">
        <li><a href="#">Dropdown Menu Item 1</a></li>
        <li><a href="#">Dropdown Menu Item 2</a></li>
    </ul>
</li>
</ul>

Answer 1

@ brian начните с использования файла css для сброса

Я использую этот файл http://meyerweb.com/eric/tools/css/reset/

, если у вас все еще есть проблемы (в чем я сомневаюсь), просто дайте мне знать

Answer 2

Проверьте, есть ли у вас «активный» класс для третьей кнопки с дополнительным заполнением.