CSS菜单未正确对齐

Question

JSFiddle：http://jsfiddle.net/jYSYW/

我想将粉红色菜单放在header .container的右下方。我确实尝试使用position: relative;和aboslute，但没有成功......

任何线索？

如果可能的话，我也希望 NOT 将ul / li css应用到bootstrap下拉列表。

由于

PS：这是我主题的缩短版。

Answer 1

我添加了

header .container{
   height: 80px;
   position: relative;
   overflow: hidden;
}

nav.pull-right {
   position: absolute;
   bottom: 0;
   right: 0;
}

它有效。 这里有一个新的小提琴：http://jsfiddle.net/dMu5y/

Answer 2

Like this?：）

添加了：

 .container nav.pull-right {
     position: absolute;
     right: 0;
     bottom: 0;   
 }    
 .container {
       position: relative; 
       width: 100%; 
       height: 100%;
  }