How to set percentage width&height ?

divs[n] = new ScrDiv('ID-of-div', 'Left', 'Top', 'Width',  'Height', Visibility, 'Parent');

width  and height are measured in pixels and I need to use percentage, the best would be 100% for both width and height as my content div is nested inside a div
that can be resized, putting something with % just spoils the script

shortly speaking something like :

divs[0]  = new ScrDiv('contentOuter', '0', '0', '100%',  '100%', 2);

as for now I'm using this :

divs[0]  = new ScrDiv('contentOuter', '0', '0', 'DivID.offsetWidth',  'DivID.offsetHeight', 2);

where DivID is the name of the div where 'content' div is nested in

but is this how it should be done ?
============

BTW: What about positioning ?

if  I have a certain div and want to nest the scrollbar in there like this

<div id="contentUpArrows">

left: 0px; top: 0px;

and

<div id="contentDownArrows">

left: 0px; bottom: 0px;

and <div  id="contentBar"> & <div id="contentThumb">

between them, do I have to build a table or div layout and then place these items inside or your script can be used to position everything ?

->Also: Tables are bad, try to avoid them :).

yeah  but I reached the CSS limitations and table is the only thing that do it's job

->If you  want you can just put the scrollbar elements inside your wrapping DIV and use CSS to position them as you really should anyway :).

it  turned out that in my case existing table is fine because I have one colum and three rows, first for upper arrow, second/middle for scrollbar, third for bottom arrow

I did manage to put every single element in nested div by wrapping with

<div  style="position:absolute"> SCROLLBAR HERE FOR EXAMPLE </div>
so  positioning values from the javascript will apply to this certain div and not the root page