css fixed div слева

Question

Я пытаюсь сделать две страницы, разделенные divs. 1 из них является содержимым, другой - боковой панелью.

Боковая панель должна быть расположена с левой стороны.

А вот код, я в настоящее время использую, чтобы сделать это:

#SideBar 
{ 
float: left; 
width: 300px; 
background-color: #727272; 
height: 100%; 
position: absolute; 
top: 0px; 
bottom: 0px; 
left: 0px; 
} 

#Content 
{ 
float: left; 
right: 0px; 
top: 0px; 
bottom: 0px; 
position: absolute; 
left: 300px; 
padding: 3px; 
font-size:12px; 
overflow:auto; 
} 

Первый раз это, кажется, работает правильно, но когда я иду, чтобы восстановить вниз (изменение размера) мой браузер, то из файлов нарушает.

Разделители, расположенные в боковой панели, переполнены. Да, я говорю о внутренних элементах боковой панели.

Почему боковая панель не остается неподвижной слева?

Заранее спасибо.

EDIT:

Мой HTML является:

<div id="SideBar"> 
Sidebar content goes here 
</div> 
<div id="Content"> 
Main content goes here 
</div> 

Answer 1

В соответствии с комментариями ниже Добавление атрибута мин-высота должна решить ее.