网站上的菜单错误

Question

当我放大浏览器时，

我网站上的菜单正在移动。见下面的图片。 第一个菜单没问题，但是当我放大左侧的浏览器链接（Naslovnica，Tutorijali等等）时，右侧移动。如何修复它以保持在左侧？

http://i.stack.imgur.com/4f9ax.png - 确定菜单

http://i.stack.imgur.com/vApHO.png - 不太好

<div class="header"><div class="top-menu-block">

    .header{
        height: 50px;
        background: none repeat scroll 0% 0% rgb(26, 29, 36);
        position: fixed;
        display: block;
        top:0%;
        z-index: 99;
        width:100%;
        box-shadow: 0px 2px 0px #bdc3c7;
            }





.top-menu-block{
            position: relative;
            top: 0px;
            z-index: 99;
            margin-left:3%;         
        }


        .menu-link{
            display: block;
            text-align: center;
            font: bold 12px/45px Roboto;
            text-transform:uppercase;
            line-height: 45px;
            color: #FFF;
            padding: 0px 19px 3px 0px ;
            position: relative;
            z-index: 99;

        }