Суть в том, что нужно выделить критический CSS и заинлайнить в HEAD (т.е. через <style></style>).
Остальные подключить перед закрывающим BODY через <link>.
Расхождение в полпикселя нормально. Если пишешь отрицательные маргины, значит в верстке уже что-то не так.
Также обрати внимание, что для Pixel Perfect макет должен быть подготовлен идеально (каждый отступ и размер шрифта логически обоснован).
Позиционирование — для слабаков, особенно с отрицательными значениями.
Делать нужно через vertical-align. В данном случае проблема в span внутри кнопки Facebook.
1. Либо в JS, в котором прописана логика. Либо в CSS, если это не завязано на функционал.
2. Инлайновый код черезstyle="" только в исключительных случаях.