Javascript 滑动标签定位CSS

我需要帮助定位我的滑动卡舌。它确实有效，在我的浏览器上看起来不错。。。但在其他计算机上以不同分辨率查看时。它与另一个选项卡重叠

这是网站

这是我的密码

CSS**

JS**

$（文档）.ready（函数（）{
$（'#slideleft.mybutton'）。单击（函数（）{
var$lefty=$（this.parent（）；
$lefty.animate({
左：parseInt（$lefty.css（'left'），10）=0？
-$lefty.outerWidth（）+31:
0
});
});
});  

看起来，您的“customersure_选项卡”是按百分比定位的，而另一个选项卡是按固定像素定位的（顶部：230px；）

    .slide {
        position: fixed;
        overflow: hidden;
        width: 300px;
        margin: 1em 0;
        height: 100%;
        float: left;
        top: 230px;
        left: 0px;
        z-index: 999999;
    }
    .slide .inner {
        position: absolute;
        left: -270px;
        top: 0;
        width: 300px;
        color: #333;
        z-index: 999999;
    }
    .scontent {
        float: left;
        width: 251px;
        background: #fff;
        height: 200px;
        padding: 10px;
        z-index: 999999;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        border-bottom-right-radius: 10px;
        border: 1px solid #bbb;
        border-right: none;
    }
    .mybutton {
        display: block;
        cursor: pointer;
        float: left;
        width: 25px;
        height: 147px;
        background: url(images/remotesupporttab.jpg) no-repeat #fff;
        ;
        z-index: 999999;
        -webkit-border-top-right-radius: 7px;
        -webkit-border-bottom-right-radius: 7px;
        -moz-border-radius-topright: 7px;
        -moz-border-radius-bottomright: 7px;
        border-top-right-radius: 7px;
        border-bottom-right-radius: 7px;
        border: 1px solid #bbb;
        border-left: none;
    }

    <script type="text/javascript">
    $(document).ready(function() {
      $('#slideleft .mybutton').click(function() {
        var $lefty = $(this).parent();
        $lefty.animate({
          left: parseInt($lefty.css('left'),10) == 0 ?
          -$lefty.outerWidth() + 31 :
          0
        });
      });
    });  

    </script>