set all div in html without vertical scrollbar

set all div in html without vertical scrollbar

I am building Dashboard page which contains graphs(using HighCharts for
same). my html also contains jQuery Tabs.
In one tab there are 4 different charts.charts are getting loaded properly
but it comes with vertical scroll bar. being a dashboard page i want to
hide vertical scroll bar.
Here is My HTML
<div id="container" style="width:98%;">
<ul>
<li><a href="#divP1">Dashboard</a></li>
<li><a href="#divP2">Network</a></li>
<li><a href="#divP3">> 24 Hours</a></li>
</ul>
<div id="divP1" style="margin:0 auto;">
<div id="divDailyUptimeLineChart"
style="width:650px;height:250px;float:left;"></div>
<div style="width:500px;height:250px;margin-left:750px;"
id="divUptimeGauge"></div>
<br />
<div style="clear:both;width:700px;float:left;"
id="divFaultCount"></div>
<div style="margin-left:700px;" id="divTicketTypeCount"></div>
<br />
</div>
<div id="divP2" style="margin:0 auto;">
<div id="divFaultTicketType" style="width:49%;float:left;"
></div>
<div id="divCRATicketType"
style="margin-left:49%;width:49%"></div>
</div>
<div id="divP3" style="margin:0 auto;">
<div id="divTicketTypeTime"></div>
</div>
</div>
HighCharts are reneder to divDailyUptimeLineChart divUptimeGauge
divFaultCount divTicketTypeCount On first tab
JS :
$('#container').tabs();
I have tried this code in my HighCharts Defination Code : but it didnt worked
chart: {
renderTo: divID,
type: 'gauge',
height: $(document).height()/2,
width: $(document).width()/2,
},