Topic on Project:Support desk

Hi I am having a problem with this

div#content {
  margin-left: 10em;
  padding:1em;
  /* @embed */
  background-image: url(images/border.png);
  background-position: top left;
  background-repeat: repeat-y;
  background-color: white;
  color: black;
  direction: ltr;
  height:auto;
  position:absolute;
  bottom:0px;
  top:40px;
  overflow:auto;
  -webkit-overflow-scrolling: touch;
}

Code because it is causing the content to be squized together if there is just a little content. it causes everthing to be put to the right and have big grey space to right if there is no content or if there are little words. I think the cause of the problem is

position:absolute;

but I am using that code to allow the top bar and siebar to slide when the user scrolls. please help.