Adsense в IE 8 - неверно отображается

Question

Я строил форум, используя mybb. Я использовал Adsense для включения нескольких рекламных объявлений на сайт, но они не отображаются правильно в IE8. Они отлично смотрятся в IE10 (и IE8 в режиме совместимости), Chrome и Firefox. Проблема в том, что рекламные объявления в IE8 кажутся смещенными на 1 или 2 пикселя.

В режиме разработки я идентифицировал строку, которая, как я считаю, создана Adsense, поскольку она не является частью моего исходного кода, что, по-видимому, вызывает проблему.

Это display: inline-table. Если я сниму этот флажок, объявления на сайте отображаются в соответствии с содержанием. Но поскольку это динамически созданный бит кода, я не могу его редактировать ... (или я могу?)

Может ли кто-нибудь помочь мне решить эту проблему и получить мои объявления в соответствии с остальной частью моего контента?

Edit:

код я получаю от Google Adsense является:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> 
<!-- ShowThreadSideSquare --> 
<ins class="adsbygoogle" 
    style="display:inline-block;width:200px;height:200px" 
    data-ad-client="ca-pub-6454993037050681" 
    data-ad-slot="7524464050"></ins> 
<script> 
(adsbygoogle = window.adsbygoogle || []).push({}); 
</script> 

Когда я смотрю на него через экран развития в IE, она расширилась гораздо больше, но это линия с комментарием inline-table, который, похоже, делает его несимметричным в IE8. Но я не могу изменить его, как это не в моем исходном коде ...

<ins style="width: 200px; 
      height: 200px; 
      padding-top: 0px; 
      padding-right: 0px; 
      padding-bottom: 0px; 
      padding-left: 0px; 
      margin-top: 0px; 
      margin-right: 0px; 
      margin-bottom: 0px; 
      margin-left: 0px; 
      border-top-color: currentColor; 
      border-right-color: currentColor; 
      border-bottom-color: currentColor; 
      border-left-color: currentColor; 
      border-top-width: medium; 
      border-right-width: medium; 
      border-bottom-width: medium; 
      border-left-width: medium; 
      border-top-style: none; 
      border-right-style: none; 
      border-bottom-style: none; 
      border-left-style: none; 
      display: inline-table; 
      visibility: visible; 
      position: relative;"> 

Answer 1

, что я хотел бы сделать, чтобы исправить это взять код и поместить его внутрь div и добавить стиль к DIV так что div будет выровняться. он должен отделить этот код настолько, чтобы он сам выровнялся.

Если вы предоставите JSFiddle, я могу помочь вам больше, но я думаю, что у вас есть общая идея.

Answer 2

В коде, который вы получаете от Google Adsense, вы должны изменить стиль от:

<ins style="display:inline-block;width:200px;height:200px" > </ins> 

к:

<ins style="display:inline-block;width:200px;height:200px; margin:0 auto;" > </ins> 

второй набор кода, который вы показываете, как IE (8) отображает HTML/CSS в режиме совместимости, вам нужно указать, как браузер должен отображать HTML-код, и если вы не укажете некоторые из свойств, которые они не получают автоматически, некоторые браузеры будут использовать некоторые вещи.

Answer 3

Я знаю, что это путь назад, но у меня была такая же проблема, и это решение ..

Просто добавьте в ваш файл CSS, который будет перекрывать инлайн-таблицу, которая является причиной проблемы.

ins 
{ 
display: inline-block !important; 
}