Дополнен тег <i> для генерирующего содержимого, эти иконки заданные специальным шрифтом "Font Awesome", их лучше использовать, так как при масштабирование качество не ухудшается. Поэтому используется <i>, как: i: before { content: \f024; «\f024» - (код иконки) } Это правило вставки таких иконок. Спрайты затрачивают больше времени и они менее гибкие. С обертыванием списков в div соглашаюсь, Но после того как сделал эту страницу, то понял, что так делать не надо. Просмотрите в макет, я использовал пустой div, только для очистки потока в шапке, между верхом и нижним меню А так я везде использовал псевдоэлемент «:after» Почему ячейка выпадает, я сам понять не могу Спасибо за ответ!