AddThis按钮CSS问题

Question

我在AddThis论坛上问了这个问题,但到目前为止还没有回复.希望有人可以帮助我.

有问题的页面位于右下角的http://preview.ami.co.nz/products上.

• 如果在Chrome或Firefox中查看,则"分享"字样位于橙色"+"AddThis按钮的左侧.

• 但是,在IE(至少IE8和6)上,"分享"这个词就在右边!它应该看起来像在Chrome和FF上,但我无法弄清楚IE正在做什么.

  

为了让事情变得更加奇特 - 不同页面上的相同代码在所有浏览器中看起来都是正确的!查看http://preview.ami.co.nz

任何建议将不胜感激.

PS.这是我在这些页面上添加的标记:

<!-- AddThis Button BEGIN -->
  <div class="addthis_toolbox addthis_default_style" style="display: <%= SocialMediaVisibility %>">
    <a class="addthis_button_compact">Share</a>
    <a class="addthis_button_facebook"></a>
    <a class="addthis_button_twitter"></a>
    <a class="addthis_button_email"></a>
  </div>
  <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e0a5ac2480330c8"></script>
<!-- AddThis Button END -->

Answer 1

只需更改您网站的 HTML

<a class="...">
<span class="the_icon_class"></span>
share
</a>

到

<a class="...">
<span>share</span>
<span class="the_icon_class"></span>
</a>