Вот изображение проблемы: http://i55.tinypic.com/29g0izc.jpg
Проблемный сайт: http://windowsphonedaily.blogspot.com/
У меня есть твит и кнопка «Мне нравится» в заголовке каждой новой статьи под заголовком. Это работает очень хорошо с Chrome и Firefox. Но я заметил, что в IE9 обе кнопки сдвинуты влево и что кнопка реального твита отсутствует. Вы можете видеть на картинке выше сравнение между FF4, Chrome 11 и IE9.
Кто-нибудь знает, как это исправить, не ломая его в других браузерах? Вот код, который я использовал для настройки кнопок.
<div class='post-header'>
<table>
<div class='post-header-line-1'/>
<!-- Facebook's Like Button -->
<div style='float:right;'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='arial' href='' layout='button_count' show_faces='false' width='10'/></div>
<!-- Twitter's Tweet Button -->
<div style='float:right;'><a class='twitter-share-button' data-count='horizontal' data-via='WinPhoneDaily' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span> <span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span></table>