Почему нумерация списков залазит на картинку?
Потому что именно так работает float https://habrahabr.ru/post/142486/ ...
Вам вопрос, зачем у before абсолютное позиционирование? Уберите у него absolute и задайте display: inline-block, всё должно сработать.
так надо ?