css - 如何使 div 扩展容器外的整个宽度？（推特引导）

Question

http://jsfiddle.net/NRN48/（我不希望蓝色导航在左侧延伸，只在右侧延伸。）

我正在尝试使用 before 伪元素将导航菜单扩展到右侧容器之外。顺便说一句，我正在使用 Twitter Bootstrap 网格

这是我的尝试：

nav:after {
   background-color: #12499c;
   content: " ";
   overflow-x: hidden;
   position: absolute;
   top: 0px;
   left: 25%;
   height: 60px;
   width: 100%;
   z-index: -1;
   display: inline;

用我的笔记本电脑查看时，它看起来是正确的，但在宽屏上 - 它甚至不是很接近。有任何想法吗？