HTML/CSS位置绝对＆相对

Question

我已经100％的宽滑块，如：

<div id="fitter" style="width: 100%; height: 400px; overflow: hidden"> 
    <div id="slider" style="width: 1920px; height: 440px; position: relative;"> 
     <div id="nav" style="width: 80px; height: 80px; position: absolute; bottom: 0; right: 0"></div> 
    </div> 
</div> 

的#slider是1920px宽。如果用户的分辨率低于1920x1080，那么钳工会切断其余部分。

导航将永远是滑块的孩子和滑块总是相对定位。它是由我的滑块脚本自动生成的。如果你问，我使用Nivo Slider。

问题是如何居中导航元素或将其对齐到屏幕的右侧（#fitter不是#slider）。

我能做的就是造型“导航”或使用JS。有任何想法吗？

例子：http://jsfiddle.net/aRmEy/（尽量居中第二红色框）

[编辑] 对不起，我生病了&头痛。

Answer 1

如果您在说您无法更改fitter的CSS并希望能够滚动到包含nav的末尾。你不能将以下内容添加到你的CSS？

#fitter { 
    overflow:visible !important; 
} 

例子：http://jsfiddle.net/M3pLg/

由于占星暗示，我可能误解了你的要求。