Google плюс поделиться всплывающим сообщением css bug

Question

Я пытался внедрить кнопку Google Plus на наш сайт, но всплывающий пузырь действительно странный.

Я использовал следующий код:

<g:plusone annotation="none"></g:plusone>
<!-- Place this render call where appropriate -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

Мы используем некоторую таблицу на нашей странице, и, похоже, она сбрасывает CSS кнопки Google Plus. (Я знаю, странно использовать таблицы как часть дизайна, поэтому мы используем их правильно, а не для макета!)

Поскольку нам нужен этот код CSS, как я могу переопределить CSS пузыря Google + Share?

Это так важно, я видел некоторые детали, такие как .pls-topTail, .pls-vertShimLeft, .pls-contentLeft, но какой-либо правильной документации для этого я еще не видел.

Answer 1

Добавлена ​​таблица: not (.gc-bubbleDefault) в css везде, где ранее была определена только таблица, это решило проблему.

Answer 2

Вы можете использовать Firebug для проверки CSS всплывающего окна "google".