Thread:Project:Support desk/Help css code

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.