как сделать так, чтобы фиксированный элемент не выходил за пределы родительского блока?

<div class="list">
  <div class="left">Меню слева</div>
  <div class="center">Контент</div>
  <div class="right">Меню справа</div>
</div>

У левого и правого меню задано фиксированное позиционирование, у блока с контентом по умолчанию. Высота родительского блока равна высоте блока с контентом. Как сделать, так чтобы фиксированный элементы не выходили за пределы родительского блока? пример