Css FF中的绝对定位

我对位置有个问题：FF中的绝对值。我有一个100%宽度的横杆，左右两侧有两个静态宽度的横杆。 我需要将内条设置为100%，以使其响应。当我给边界指定百分比值时，它看起来很糟糕。 在Chrome甚至IE中！！！它工作得很好，但是Firefox在右侧添加了两个短条（如图所示）

HTML：
〈
▶
▶
▶
▶
〉
风格：
#包装纸
{
宽度：960px；
保证金：0自动；
边框：实心1px红色；
}
#滑块{
垫面：0.4em；
清除：左；
宽度：100%；
高度：160px；
显示：块；
}
#滑动框架{
宽度：100%；
高度：160px；
溢出x：隐藏；
溢出y：隐藏；
浮动：左；
边框顶部：实心1px#043860；
边框底部：实心1px#043860；
}
#内滑块{
宽度：950px；
高度：200px；
明确：无；
}
.SCRLBTN{
位置：绝对位置；
高度：162px；
宽度：20px；
}
.SCRLBTN：第一个孩子{
清除：左！重要；
}
.SCRLBTN：最后一个孩子{
左边距：-20px；
浮动：对；
}
.SCRLBTN：焦点{
大纲：无；
}
.视频按钮{
浮动：左；
宽度：200px；
高度：160px；
}

有什么建议可以帮我解决这个问题吗

像这样的事情

：）

梅因先生{
位置：绝对位置；
宽度：100%；
高度：500px；
背景：红色；
}
.对{
位置：绝对位置；
排名：0；
右：0；
背景：橙色；
宽度：100px；
高度：500px；
}
.左{
位置：绝对位置；
排名：0；
左：0；
背景：灰色；
宽度：100px；
高度：500px；
}

添加以下规则可以在我的Firefox副本中使用：

.scrllbtn:first-child {
    left: 0;
}

---

修复示例中的问题

：）

〈
〉
.SCRLBTNLEFT{
左：0；
}
.SCRLBTNRIGHT{
右：0；
}

不允许发布图片。。。我希望我的问题是可以理解的把图片链接放在imgur或其他主机上如何设置中心框的宽度为100%，然后添加边距：0 20px；因此，创建“侧栏空间？”title=“由imgur.com托管您是否已将

左侧

或

右侧

与

位置：绝对值一起标记？在我的情况下不起作用。它在屏幕的右上角定位.left和.right。即使在.main.i中有绝对位置，我修正了您的示例（见上图：）问题在于它被包装并居中。现在看起来是这样的：这和你发布的代码不同。。。请自己拉一把小提琴。
<div class="main">
    <div class="left"></div>
    <div class="right"></div>
</div>

.main {
    position: absolute;
    width: 100%;
    height: 500px;
    background: red;
}

.right {
    position: absolute;
    top: 0;
    right: 0;
    background: orange;
    width: 100px;
    height: 500px;
}


.left {
    position: absolute;
    top: 0;
    left: 0;
    background: gray;
    width: 100px;
    height: 500px;
}

.scrllbtn:first-child {
    left: 0;
}

<button class="scrllbtn scrllbtnleft">〈</button>
<button class="scrllbtn scrllbtnright">〉</button>

.scrllbtnleft {
    left: 0;
}
.scrllbtnright {
    right: 0;
}