Check out this link:

YOu can see that there is a grey spot inbetween the bottom of the facebook and the top of the body

I cant seems to get that small gap to be white.

I have used Firebug and i KNOW it is with this class: socialmeds

Anyone have any ideas?

CSS in question
HTML Code:
#socialmeds {

HTML Code:
<div id="socialmeds">
<table width="100%" border="0" cellspacing="0" cellpadding="0" background="images/back.jpg" >
    <td width="33%" align="center" valign="top"><fb:login-button show-faces="true" width="150" max-rows="1" data-size="large"></fb:login-button></td>
    <td width="33%" align="center" valign="top">
         <a href=""><img src="" alt="Facebook Fan Page" border="0"></a>
         <a href="!/my_easytv"><img src="" alt="Twitter" border="0"></a>   
         <!-- Place this tag where you want the +1 button to render -->
         <div class="g-plusone" data-annotation="inline" data-width="150" data-href=""></div>
         <!-- Place this render call where appropriate -->
         <script type="text/javascript">
           (function() {
             var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
             po.src = '';
             var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
     <td align="right" valign="bottom"><div class="fb-like" data-href="" data-send="false" data-width="400" data-show-faces="true"></div></td>
I have done everything i can think of to the CSS, adding height, repeate, making background image bigger, changing the image (which is just a .jpg of white background) to just white background