kaydırma çubuğu işlev görmemesi css

<style>#sol { 
  float: left; 
  width: 15%; 
  height: 100%; 
  border: 1px solid red; 
  overflow:scroll; 
} 

#sag { 
  width: 85%; 
  height: 100%; 
  border: 1px solid blue; 
}</style> 
<div id="sol"></div> 
<div id="sag"></div>

bu şekilde css tablom var daha önce bir arkadaş vermişti ben sol kısıma php 'de ilgili başlıkları include ediyorum kaydırma çubuğu gözükmesine rağmen aşağı kaydırma işlevi olmuyor ve sayfa aşağıya doğru iniyor doğal olarak ama height: 100%; değerini yüzde değilde px verince kaydırma kısmı aktif oluyor ve aşağıya doğru kaydırma imkanım oluyor tıpkı eksisözlükte olduğu gibi bu sorunu nasıl aşabilirim çünkü px olarak değer verince her çözünürlükte doğal olarak sorun yaratacaktır.

Javascript ile ekran boyutunun ölçüsünü al, daha sonra sayfa onload olduğunda height değerine px atmasını yap. Sorun çözülecektir.

#sol bölümüne position:absolute; eklerseniz düzelir.

yorumlar için teşekkürler dzyn3 verdiğin işime yarıyor aktif oluyor ama sağ kısımda ki, yazılar olduğu gibi linklerin üzerine geldi div 'i geçti anlayacağın

onun için de #sag bölümüne float:right; eklemelisiniz.

işime yaradı teşekkürler cevap için