Плохое позиционирование jQuery - невозможно точно позиционировать элемент

Question

Я пытался расположить #logo div в центре центрированного #content div, используя jQuery, но результаты противоречивы. Иногда это работает, а иногда нет. В Safari на iPad это часто «дает сбой», и в результате логотип помещается под меню, которое, конечно, не используется. Вот центральный код:

function ReflowElements()
{
    var contentOffset = $("#content").offset();
    var contentWidth = $("#content").width();
    var menuWidth = $("#menu").width();

    var menuX = (contentOffset.left + contentWidth) - (menuWidth + 45);
    var menuY = contentOffset.top + 15;
    var menuPos = { left : menuX, top : menuY };

    var logoWidth = $("#logo").width();
    var logoX = (contentOffset.left + (contentWidth/2)) - (logoWidth/2);
    var logoY = menuY + 15;
    var logoPos = { left: logoX, top: logoY };

    $("#logo").offset(logoPos);
    $("#menu").offset(menuPos);
}

Сайт. http://restaurant -passagen.dk /

Любые подсказки приветствуются.

Answer 1

Чувак, CSS:

#logo {
    display:block; 
    margin:auto;
}