addthis floating vertical bar showing horizontally in wordpress

Addthis floating vertical bar not working properly in a wordpress content-single page!

Here is my code

    <div class="addthis_bar addthis_bar_vertical addthis_bar_large" style="top:50px;left:50px;">
<div class="addthis_toolbox addthis_default_style">
    <span><a class="addthis_button_facebook_like" fb:like:layout="box_count"></a></span>
    <span><a class="addthis_button_tweet" tw:count="vertical"></a></span>
    <span><a class="addthis_button_google_plusone" g:plusone:size="tall"></a></span>
    <span><a class="addthis_button_stumbleupon_badge" su:badge:style="5" ></a></span> 
    <span><a class="addthis_button_pinterest_pinit"  pi:pinit:url="<?php echo get_permalink(get_the_ID()); ?>" pi:pinit:media="<?php echo $thumb_image[0];?>" pi:pinit:layout="vertical"></a></span>
    <span><a class="addthis_counter"></a></span>
</div>

I have followed the instructions in addthis site.

I have tried with other addthis tool boxes [32 X 32 medium sized icons], but end up with error.

The below code is the other addthis code which i have tried,

<div class="addthis_bar addthis_bar_vertical addthis_bar_medium" style="top:50px;left:50px;">
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
    <span><a class="addthis_button_preferred_1"></a></span>
    <span><a class="addthis_button_preferred_2"></a></span>
    <span><a class="addthis_button_preferred_3"></a></span>
    <span><a class="addthis_button_preferred_4"></a></span>
    <span><a class="addthis_button_compact"></a></span>
</div>

I haven’t used any seperate styles (CSS) for this.

Thanks in advance