Я пытаюсь датьисправлено элемент аwidth процентного родителя (здесь#container). Когда я использую пиксель вместо процента, то это работает. Как я могу это сделать? Это возможно сCSS?

HTML

<div id="outer">
  <div id="container">
    <div id="fixed">
        Sitename
    </div>               
  </div>
</div>

CSS

#outer{
  width:300px;
  border: 1px solid yellow;   
}

#container {
  width: 90%; /*When I use e.g 250 px it works. But I need it in percentage*/
  border: 1px solid red;
  height: 300px;
}

#fixed {
  position: fixed;
  width: inherit;
  border: 1px solid green;
}

JSFiddle

Добавлять:

я нуждаюсьposition:fixed, Потому что я хочу разместить его внизу страницы примерно так:

JSFiddle

Решение сposition:relativ не работает для меня