2 fixed divs, and one's scrollbar's under isn't appearing

hello!

example page is here: http://www.serkansarp.com/sozluk/deneme.asp

i make a fixed div to the top like this:

.top {
  position: fixed;
  background: green;
  color: yellow;
  height: 60px;
  width: 100%;
  top: 0px;
  margin-left: 0px;
}

after then, make a fixed div to the left:

.left {
  position: fixed;
  background: red;
  color: yellow;
margin-top:-10px;
width: 200px;
  height:100%;
  overflow: scroll;
}

after than, left div's scrollbar's deep, goes down about 50-60px. how can i start it's scrollbar from where it's startes (and top is finises) and html is finishes?

Kind regards.