Особенности отображения в Internet Explorer

Приветствую, форумчане!

Установил я на сайт плагин SocButtons (кнопки социальных сетей).
Вывел его в страницу блога статей.
Но кнопка ПОДРОБНЕЕ и кнопка ЛАЙК отображаются на разных строчках..
Совсем некрасиво..

Я поднял кнопку ПОДРОБНЕЕ вверх, чтобы она стала вровень с кнопкой ЛАЙК вот таким образом:
margin-top: -20px

Все браузеры (Firefox, Chrome, Opera) восприняли этот ход на ура и показывают все вровень аккратно!
Но Internet Explorer расстояние от кнопки до текста вопринимает по своему

Вот эта страница http://tvoya-stihiya.com.ua/blog.html

Уже замучался выискивать почему IE вопринимает это расстояние не как в остальных браузерах.
Подскажите дельные мысли по этому поводу..

 

Решил вопрос следующий образом..
Создал отдельный файл css специально для IE и подключил его к файлу шабона index.php

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->

Подробнее читать здесь