small issue if height of the scheduler is not set to 100%

If I set the height of the dhx_cal_container to 30% for example (scrollbar appears), the bottom line of the calendar is not shown. I want to place some buttons below the calendar so I can’t use 100% height.

Here’s a small sample:


<style type="text/css" media="screen">    	
	html, body {
		margin: 0px;
		padding: 0px;
		height: 100%;
		overflow: hidden;

<script type="text/javascript">    

    function loadSched()
    scheduler.config.first_hour = 1;
    scheduler.config.last_hour = 23;

I attached a screenshot where the first image displays the issue and the second shows what I want to achieve.

By default scheduler container don’t have bounding borders, bottom border that visible when height is 100% belongs to the last scale element.
You can add them with custom style:

#scheduler_here{ border-bottom: 1px solid #cecece; }

I tried that and works great if the scheduler doesn’t fit on screen (scrollbar appears), but if the calendar fits on the screen (another user with a higher resolution) I see the line of the latest scale element (for example at 480px height) and the border of the scheduler container (for example at 500px).
Besides, even if I scroll down to the latest scale element the bottom line doesn’t appear.