Force the overflow of a table under a div not to appear ???

Hi, I need some help for two questions.
The first one is about the subject. I have a grid in a table that's inside a div. I have my div with the width I want for the appearance of the page so the table, that's bigger than the div, is just showned part of it. This way you have to use the scrollbar that appear under the table to see the rest of it. Until now no problem. The problem comes when you use the resizable property of each column in the grid. Instead of make bigger the table and use the scrollbar in the div tag to see the new size, it creates a new scrollbar under the columns so now I have two scrollbars. I just want the table to be bigger want you make it bigger with resizable property of the columns or the opposite if you make them smaller. So, is there any way to make the table inside which the grid is created bigger dynamically?
Another question I have is about the grid. I'm using jquery with struts 2 so I have a component that creates the grid for me. The problem is the grid is composed by 3 divs, one for the titles of the columns, one for the columns themselfs and one for the pager options. I'd like the pager options to be as big as the div I have outside the table so it's always visible and you won't have to move the scrollbar to see it. I know the ids of each div but, when I try to use a .css to change the properties of the one I want, it doesn't take effect, there's always an element.style with the width I told the component to use for the whole grid that always gets in the way. Is there any way to make my css to be first than this element.style?
Thank you for the help