Use of "overflow:auto" in a div vs a table

Question

Pest is back.
I am building pages where there are potentially VERY long tables, and I only want them to take up "X"px of vertical space.
Using a <div> to surround  the table, adjusting the height and width of the <div> to whatever I want has been VERY successful -
no problems, can use it anywhere, feel comfortable.
Recently, I've learned from this forum that <div>s should only be used when really necessary,
and I've been able to get rid of many of my <div>s - except on tables that scroll.
Recently did an experiment with a <div> around a LOOOOONG table - worked fine.
Then I removed the <div> and added the "overflow:auto" to the table style with various
table heights selected.
I've done the experiment with and without "table-layout:fixed" - no luck.
Here's the <style> portion:
table.scrolltable {
    table-layout:fixed;
    height:100px;
     width:640px;
    border:2px solid #000;
    cellpadding:1;
    background-color:#DCF1F8;
    margin-left:1%;
    margin-right:1%;
    overflow:auto;}
table.scrolltable td {
     text-align:center;
    border:1px black solid;
Questions:
1. Is it possible to effectively use "overflow:auto" directly on a <table> layout?
2. If yes, what should I change in the above style?
And again, I thank you in advance.

Answer 1

"Division-itis (excessive overuse of divs for every element) should be avoided. But Jon is right, divisions are a basic and necessary part of HTML. You must use them.
Vertical Scrolling Table (this is how I do it)
http://alt-web.com/DEMOS/vertical-scrolling-table.shtml
Nancy O."
I think I'm getting a better feel for <div>s.
Thank you VERY VERY much for your "trade secret" on the scrolling table.
I've put it together and it works great!
Super!
Thanks!
PS - And the other teaching point is the "overflow-y" - more to study! Thanks again