Алгоритм по випадаючому меню

1. Визначити які елементи в нас задіяні: nav, menu, ul, li, a
2. Прописати обнуляючі стилі для цих елементів
3. Розглянути спільні риси між однотипними елементами і прописати ці стилі для всіх елементів у поточному блоці
4. Закоментувати випадаючі меню і зробити меню першого рівня повністю
5. Проконтролювати, щоб всі елементи займали простір, який повинні займати за логікою, щоб не було елементів з нульовою висотою
6. Зняти коментарі з випадаючого меню - верстка при цьому поламається
7. Задати випадаючому меню стиль position: absolute; - верстка при цьому повернеться до нормального стану
8. Встановити випадаюче меню на його законне місце
9. Простежити які стилі для li, a унаслідувалися від батьківського (горизонтального меню)
10. Перекрити ці стилі чи обмежити видимість стилів за допомогою елемента селектора ">" (в інших проектах можна застосувати класи)
11. Сховати меню і зробити, щоб воно з’являлося при наведенні миші на батьківський елемент

Вставляти іконки зі спрайта можна прямо в теги, але краще - задавати тегу псевдо-елемент і іконку вставляти в нього.

Посилання повинні займати якомога більший розмір. Якщо у нас іконка розміром 32х32 пікселя, то кнопку можна зробити розміром, наприклад, 48х48 пікселів і іконку розмістити по центру.