网站缩放，但菜单不缩放

Question

我有使用CSS的菜单，如下所述。

#cssmenu {
    zoom: 1;
    font-size: 20pt;
    position: fixed;
    top: 0;
    background-image: url('../images/Graphics/navigation-top-bar1.png');
    width: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-size: 1024px 80px;
    z-index: 100;
}

现在当我放大野生动物园时，网站会缩放，但菜单保持不变。菜单不会缩放。

任何想法在放大野生动物园时如何激活菜单放大？

网站链接

http://www.smartprojects-kw.com

在移动设备中，我看到菜单按照缩放分为2-3行。

任何想法/猜测为什么会这样？这让我发疯了