// function to reset the top margin to whatever the current height of the ribbon is
function setTopPadding() {
    var myElem = document.getElementById('s4-workspace'), newHeight = document.getElementById('s4-ribbonrow').offsetHeight;
    myElem.style.paddingTop = newHeight + 'px';
}

function setTopPos() {
    $('.ms-cui-menu, .ms-cui-tooltip').each(function () {
        var newTop = $(this).data('origTop') || $(this).position().top;
        $(this).data('origTop', newTop);
        newTop += $('#s4-ribbonrow').position().top;
        $(this).css({
            top: newTop
        });
    });
}

// bind top padding reset to ribbon resize event so that the page always lays out correctly.
ExecuteOrDelayUntilScriptLoaded(function () { SP.UI.Workspace.add_resized(setTopPadding); }, "init.js");

$(document).ready(function () {
    setInterval(setTopPos, 300);
});