Without actually seeing page and images, I'd say it's kind of hard to tell you what the problems are, but here's my observations.
This image sits above the table
<img src="images/pika_ninja.png" border="1px #72cbf8">
What are the dimensions?
The table is parsed next, it is at least 500 high
<td width="714" height="500" valign="center">
So it would seem that the combined height of the body would now be image + table.
Since the iframes are absolute positioned, they still display at 120 from the top, but in natural flow would be placed in table under the image, much farther down the page.
A quick test with your code and a 200 X 200 image displays a large blank space under the iFrames, just like you have.
My suggestions, don't use the table, do all positioning with CSS, including image.
But that's just my opinion.