Managed to fix one bit, by using this in my vBulletin.css
Code:
.top-header-info{
position:absolute;
z-index: 2000;
top:0px;
right:20px;
padding-left: 12px;
padding-top: 8px;
padding-right: 6px;
padding-bottom: 0px;
margin-top: -0px;
height: auto;
width:320px;
color:#FFFFFF;
background: #7192A8 url(images/gradients/gradient-grey-down.png) top left repeat-x;
font: 12px verdana;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-left: 2px solid #a2c1de;
border-right: 2px solid #a2c1de;
border-bottom: 2px solid #a2c1de;
-moz-box-shadow: 0 0 0px #888;
-webkit-box-shadow: 0 0 0px#888;
box-shadow: 0 0 0px #888;
}
#fb_icon {
margin-right: 11px !important;
margin-top: -17px !important;
margin-bottom: 2px !important;
z-index: 10000 !important;
}
.fbpp-link {
background-color: #3b5998 !important;
outline: none; color: #FFF !important;
text-decoration: none !important;
text-align: center !important;
}
.fbpp-link:hover {
background-color: #627aad !important;
}
.fbpp-link:active {
background-color: #2a4280 !important;
}
But the avatar still isn't showing.