title: Div not floating to right completely
body: <p>Have a social menu that I need to float all the way to the right of my page and stay fixed. However it sort of floats somewhere in between randomly. just looking for a possible fix</p>
  
  <p>Here is the fiddle: <a href="http://jsfiddle.net/m7vaywmh/" rel="nofollow">http://jsfiddle.net/m7vaywmh/</a></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="social_wrap"&gt;
      &lt;div class="social"&gt;
          &lt;a href="https://www.linkedin.com/profile/view?id=387766698&amp;trk=nav_responsive_tab_profile" target="_blank"&gt;&lt;img class="move" src="images/linked.png"/&gt;&lt;/a&gt;
          &lt;a href="https://www.behance.net/lukerbab3a51" target="_blank"&gt;&lt;img class="move" src="images/behance.png"/&gt;&lt;/a&gt;                 
          &lt;a href="http://factordog.deviantart.com/" target="_blank"&gt;&lt;img class="move" src="images/deviant.png"&gt;&lt;/a&gt;
          &lt;a href="https://www.youtube.com/channel/UCMM-HzbbBtU6DhNlUL71rrQ" target="_blank"&gt;&lt;img class="move" src="images/yt.png"/&gt;&lt;/a&gt;
          &lt;a href="https://www.facebook.com/LukebMedia?sk=timeline&amp;app_data" target="_blank"&gt;&lt;img class="move" src="images/fb.png"/&gt;&lt;/a&gt;                       
      &lt;/div&gt;&lt;!--social --&gt;    
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.social_wrap{
      background:#3F3;
      width:100%;
      height:60px;
      position:fixed;
      z-index:5001; 
  }
  .social{
      position:relative;
      float:right;
      width:45%;
      right:0px;
      margin-top:15px;
  
  }
  .social img{
      width:5%;
      min-width:15px;
      padding-right:10px;
  }
  </code></pre>