Html 增加Web浏览器的缩放时，滑块从帧中滑出

我的网站上的滑块在放大浏览器时从包装中出来。我在Google chrome、Mozilla和IE上测试了它，它在任何地方都是一样的。我想我必须在包装器或滑块的浮动属性中引入一个小的变化。但是，我不知道如何做到这一点。请尽可能少地帮我解决这个问题

    /* LAYOUT */
.primary-define .wrapper {
    width: 950px; /*changed by yuvi 1160*/ /*second change - 1060*/
    margin: 0 auto; /*0 10px*/
    /*position: relative; added by yuvi*/

}
.primary-define #column-left {
    float: left;
    width: 240px;
}
.primary-define #column-right {
    float: right;
    width: 240px;
}
.primary-define #column-left + #content,
.primary-define #column-right + #content {
    float: right;
    width: 650px; /*editing by yuvi*/
}
.primary-define #column-left + #content {
    margin-left: 60px;
}
.primary-define #column-right + #content {
    margin-right: 60px;
}
.primary-define #column-left + #column-right + #content {
    width: 520px;
}
.primary-define #content form {
    margin: 0;
}

---

问题不在滑块中，而是在整个布局中。若在%中设置背景，则在%中设置容器

.primary-define .wrapper {
    width: 80%; /*changed by yuvi 1160*/ /*second change - 1060*/
    margin: 0 auto; /*0 10px*/
    /*position: relative; added by yuvi*/

}

---

这对我不起作用。有没有其他方法可以达到同样的效果？请帮忙。谢谢有谁能在这里帮助我？正如我在你的网站上看到的那样，白色和黑色背景都设置在%中，但你的页面在px中这是唯一的问题。你能告诉我具体在哪里进行更改吗？只需将代码粘贴到要进行更正的位置。谢谢：

.primary-define .wrapper {
    width: 80%; /*changed by yuvi 1160*/ /*second change - 1060*/
    margin: 0 auto; /*0 10px*/
    /*position: relative; added by yuvi*/

}