title: Can I make vertical list of floating sharing icons responsive for different screen resolutions? (pic included)
body: <p>I'm using addthis on one of my blogs.  I have their new option of a vertical floating list, and the code for the addthis buttons looks like this:</p>
  
  <pre><code>&lt;div class="addthis_toolbox addthis_floating_style addthis_32x32_style" style="left:0%;
  top:15%;width:58px; margin:0 auto"&gt;
  &lt;a class="addthis_button_facebook_like" fb:like:layout="box_count"&gt;&lt;/a&gt;
  &lt;a class="addthis_button_facebook_send"&gt;&lt;/a&gt; 
  &lt;a class="addthis_button_tweet" tw:count="none"&gt;&lt;/a&gt;
  &lt;a class="addthis_button_google_plusone" g:plusone:size="medium"     
  g:plusone:annotation="none"&gt;&lt;/a&gt;
  &lt;a class="addthis_button_pinterest_pinit"&gt;&lt;/a&gt;
  &lt;a class="addthis_button_reddit"&gt;&lt;/a&gt;
  &lt;a class="addthis_button_stumbleupon"&gt;&lt;/a&gt;
  &lt;a class="addthis_button_email"&gt;&lt;/a&gt;
  &lt;a class="addthis_button_compact"&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have the feedback slide-out button set to top:70%. So the result looks like this in both screen resolutions:</p>
  
  <p><img src="https://i.stack.imgur.com/At7aL.jpg" alt="Overlapping iconds"></p>
  
  <p>What I've tried:</p>
  
  <p>I've tried using different types of things like height:auto; ... but nothing has worked yet.  The one issue is that the icons are 32x32, but I could probably make 'em smaller, if necessary.  Does anybody have an idea of how I can make this so it's responsive, and/or looks proper under all screen resolutions?  Any guidance in this regard would be <strong>greatly</strong> appreciated!</p>