Header Footer Middle Align

Hello I have a question about a website.

I'm creating a site which is divided into a sticky header, the middle which can scroll and a sticky footer.

In the middle there is a line between the menu and the content, it is supposed to connect to the header and footer.

But now i'm having trouble how to make the header/middle/footer seamless.

I tried with a top/middle/bottom frames, but wasn't precise.

And now I ended up with a table divided in three. An image for up and bottom and in the middle an iFrame with the content which can scroll.

I uploaded a screenshot to make my problem more clear:

http://i58.tinypic.com/ieni3m.jpg

You can see the blue line at the left side which is not connected with the up and down section.
The middle is more dynamically generated and up/down are just pictures. In some browsers everything aligns correctly, and in some they don't
I didn't know the best way how to do the up/down section.

Does anyone know of a solution how to handle this ?

Many thanks!