Центрированный контент с правильной фиксированной навигацией вызывает проблему с z-index

Question

У меня есть расположение контейнера по центру с правым фиксированным делением nav. Чтобы фиксированная навигация оставалась на месте при изменении размеров области просмотра, она устанавливается в несколько вложенных элементов div. Проблема в том, что навигационный div заканчивается контентом. Я могу изменить порядок z-index, но я хочу, чтобы и контент, и навигация были доступны, как, например, возможность «пометить» текст. Есть идеи по этому поводу? Ниже ссылка на код и изображение, показывающее структуру макета

http://jsbin.com/aliru5/3/edit

Answer 1

Вы делаете это более сложным, чем нужно, попробуйте это:

<div id="container">
 <div id="content"></div>
 <div id="nav"></div>
</div>

#container {
margin:0 auto; /* center container in browser */
overflow:hidden; /* clear floats */
width:900px
}
#content {float:left;width:640px}
#nav {float:right;width:240px}