Div Positioning Woes

You have a couple of issues going on.

For starters, the only page long enough to scroll on my screen is the videos page.

The reason they follow you down the page is because you set the position to fixed. When something is fixed, it doens't move as the page scrolls. This is mostly commonly used to fix a header to the top of the screen so the nav bar is always displayed no matter how far down the user scrolls.

You could change the position to absolute. And than use a left margin to push the social icons however far to the left you need them. Floats won't work here. That's a quick and dirty solution, but I generally try to avoid using absolute positioning, and instead would work on restructuring the head so the social icons are where you want them without having to use an absolute position.

One more piece of advice, at least on the videos page, your CSS that controls the social icons is inline styling on the page. Which means it will only work on that page it's on. Cut that bit of CSS code out of it's inline style tags and put it in the sites external CSS document, so all the pages will pull the same style for that class. Much cleaner and easier to maintain.