I got my tables to work on my browser, but then my friend looked @ my site on her browser and it was cutting my tables off w/ my iframe?

http://www34.brinkster.com/spkids/main.html

What can I do to fix it?

I'm curious why you didn't make one big table and put all of that in there, would be a lot easier.

What browser are you & your friend using?

Some of your DIVs contain equal signs, which shouldn't be there (i.e. top=3px; should be top : 3px;)

For some of your divs, you have:
<div style="position: absolute; top=100px; left=100px"

Change the equal signs to colons:
<div style="position: absolute; top: 100px; left: 100px"

Also, you may want to set a specific size for your tables 'cause they'll look different on different resolutions. For me they look way too big for your top image.

How would I set my tables using a certain size? Cause they look fine on my browser, but I even looked @ my site @ school and it looked way different.. o.O

for the tables height and width, can you use actual pixels instead of %?