Выравнивание кнопок, элементов SMO

[wings-of-fury]

Привет камрады!

Я в общем в веб-верстке не новичек, но впервые в жизни столкнулся с такой проблемой. Я никак не могу выравнять между собой 4 кнопочки. Если с 3 это вышло, то одна вообще никак не хочет принимать надлежащий вид.


вот исходник:

<table width="400" height="30" style="border-collapse: collapse; border: solid 1px black;">
<tr>


<td>
<div>
<script type="text/javascript"><!--
document.write(VK.Share.button(fals e,{type: "round_nocount", text: "Сохранить"}));
--></script>
</div>
</td>

<td>
<div>
<a href="http://connect.mail.ru/share" type="button" class="mrc__share" style="margin-bottom: 10px; padding-bottom:10px; padding-top: 0px; margin-top:0px;">В Мой Мир</a>
<script src="http://cdn.connect.mail.ru/js/share/2/share.js" type="text/javascript" charset="UTF-8" style="margin-bottom: 10px; padding-bottom:10px; padding-top: 0px; margin-top:0px;"></script>
</div>
</td>

<td>
<div style="padding-bottom:5px;">
<div class="addthis_toolbox addthis_default_style">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_myspace"></a>
<a class="addthis_button_google"></a>
<a class="addthis_button_twitter"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4c51605c0f07c990"></script>
</div>
</td>

<td>
<div>
<script type="text/javascript">
tweetmeme_style = 'compact';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
</td>


</tr>
</table>

В общем кнопка "В мой мир" постоянно находится ниже остальных. При попытке её поднять не происходит ничего, при попытке опустить остальные она тоже опускается. Пробовал все кнопки вписать в дивы, пробовал лично её в див вкатать и прописать стили, пробовал в CSS стилях по её классу стили прописать, в атрибуте style тега <a> - всё впустую ну вот результат всегда один и тот же. Она всё ровно ниже остальных и остальные опускаются вместе с ней если их сдвинуть padding'ом ...

если есть у кого опыт - подскажите пожалуйста как эту чертовку нормально выровнять.

[coding]

Добрый вечер, вот такой вариант вас устроит ?

<table width="400" height="30" style="border-collapse: collapse; border: solid 1px black;">
<tr>
    <td>
        <div>
        <script type="text/javascript"><!--document.write(VK.Share.button(fals e,{type: "round_nocount", text: "Сохранить"}));--></script>
        </div>
    </td>

    <td>
<a href="http://connect.mail.ru/share" type="button" class="mrc__share" style="">В Мой Мир</a>
<script src="http://cdn.connect.mail.ru/js/share/2/share.js" type="text/javascript" charset="UTF-8" style=""></script>
</td>
<td>
<div class="addthis_toolbox addthis_default_style">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_myspace"></a>
<a class="addthis_button_google"></a>
<a class="addthis_button_twitter"></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4c51605c0f07c990"></script>
</td>
<td>
<div style="margin-top:5px">
<script type="text/javascript">
tweetmeme_style = 'compact';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
</td>


</tr>
</table>