problem creating a dialog box with specified number of contents visible

problem creating a dialog box with specified number of contents visible

hi all
i am trying to create a dialog box, now the content of this dialog box is nothing static, it will be loaded dynamically at the time i call this dialog box.
i am able to call this dialog box, i have a table with an id to which i add one row at a time dynamically.

here i am having the problem, i want only 10 rows of that table to be visible, but i am unable to set that thing.

if i change the height to be relative, it wont show on UI, but when i click on the dialog box, the dialog box size increases but the content size remains the same.

can anyone tell me how can i make it show only 10 rows while keeping the dialog box size same.

thanks



Edit:  I have created one sample UI similar to this problem. this is the link:  http://jsfiddle.net/8nAJC/3/

Here, if you click on the Dialog, the size of dialog box is changing. but the content size is the same. I dont understand why.