Настройка отображения иконок в меню сайта через css

Настройка отображение иконок в меню через CSS.

В этой статье я с помощью специалистов по css попытаюсь настроить правильное отображение в левом боковом меню отображение иконок перед пунктом меню. Надеюсь мне помогут специалисты по настройке CSS.

Для начала посмотрите (изображение слева) что мы имеем.
Во-первых, пункты меню отходят от иконок на разное расстояние, и как так получилось, я пока не знаю,
во вторых, при выделении пункта меню (когда выезжают его под пункты), название пункта меню съезжает вправо от иконки процентов на 100 если не больше.

Попробуем разобраться, как так получилось и исправить ситуацию. Сам испытуемый сайт находится здесь: подопытный сайт.

Хочу сразу сказать что я не специалист в работе с файлами css, так что если у меня получится, то получится у всех!

Итак. Первое что нам нужно сделать, это вооружиться необходимым расширением для нашего браузера, которое позволит определять, какие именно css влияет на наш объект. Для Мазилы Firefox это firebug (установить firebug в Мазилу), а для Chrome просто клавиша F12.

Статья в разработке.