[SOLUCIONADO] Maldito botón Google+

[Dellamorte]

Hola,

estoy haciendo el footer de mi página donde van todos los botones sociales. Como por defecto no se alinean bien he creado un div para cada uno de ellos. Jugando con el padding todos me quedan bien a excepción del de Google+ que parece no afectarle ninguna regla css.

Es que no sé qué hacer...

Código HTML:

<div id="social">
<div id="twitter"><a href="https://twitter.com/share" class="twitter-share-     button">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></div>
 
<div id="facebook"><div class="fb-follow" data-href="https://www.facebook.com" data-layout="button_count" data-show-faces="true" data-font="lucida grande" data-width="100"></div></div>
 
<div id="linkedin"><script src="//platform.linkedin.com/in.js" type="text/javascript">
 lang: es_ES
</script>
<script type="IN/Share" data-url="rsb.com" data-counter="right"></script></div>
 
<div id="google+"><!-- Inserta esta etiqueta donde quieras que aparezca Botón +1. -->
<div class="g-plusone" data-href="rsbfx.com"></div>
 
<!-- Inserta esta etiqueta después de la última etiqueta de Botón +1. -->
<script type="text/javascript">
  window.___gcfg = {lang: 'es'};
 
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script></div>
</div>
 

Código CSS:

#pie #twitter {
    float: left;
    position: relative;
    width: 100px;
    margin-right: 5px;
    left: 25px;
    height: 20px;
    padding-top: 7px;
}
#pie #facebook {
    float: left;
    position: relative;
    width: 100px;
    line-height: 15px;
    height: 20px;
    padding-top: 7px;
    margin-left: 15px;
}
#pie #linkedin {
    position: relative;
    float: left;
    width: 120px;
    height: 20px;
    padding-top: 7px;
    margin-left: 8px;
}
#social {
    background-color: #CBCBCB;
    width: 600px;
    position: static;
    border-radius: 12px;
    -webkit-box-shadow: 2px 2px 2px #CCCCCC;
    box-shadow: 2px 2px 2px #CCCCCC;
    height: 33px;
    line-height: 15px;
    float: right;
}
#google+ {
    width: 130px;
    height: 30px;
    position: absolute;
    float: left;
    margin-top: 34px;
}
 

[pzin]

Cambia google+ por googleplus y debería de funcionar.

Código HTML:

<div id="googleplus">
 

Código CSS:

#googleplus