Have you tried giving the html element a negative top margin? And maybe a z-index of 2 - 3 to make it appear on top, not underneath?

I have not tried this myself, but it's a common way of stacking elements on top of each other.

The script tag markup should also be adjusted.

This:
<script async defer src="//assets.pinterest.com/js/pinit.js"></script>

To this:
<script async defer src="http://assets.pinterest.com/js/pinit.js"></script>

I tried what I suggested above. Check this one:
http://horgenhonning.net/stuff/rsd/

Project file attached.

Thanks Scott.
Inger, that worked like a charm. Thank you so much.