You could try setting it to display:block to start with and then hiding it with js once the document has loaded.
Add this JS before the closing body tag at the end of the html.
jQuery('.social-expand').css( "display", "none" );
Then adjust the CSS:
If that doesn't work I'll move the thread to the JS forum as this is more js related than css