Изменяемый размер страницы с минимальной шириной и абсолютным положением?

Я работаю над изменяемым размером страницы с боковым меню справа, и это почти работает так, как предполагается в этом простом примере:

http://pastehtml.com /view/1do8cy9.html

Однако проблема в том, что position auto и min-width не реагируют должным образом. Если вы перетаскиваете окно браузера меньше 500 пикселей (так как минимальная ширина установлена ​​на), красное боковое меню продолжается поверх зеленого содержимого ..

Как мне остановить боковую панель, когда она достигнет минимальной ширины, fx 500 пикселей?