HTML layout problem

[jl2035]

hey guys!
I have a strange problem and I have no idea even what to ask google to find a solution... I'm writeing a simple html page. I have one outside div and everithing must be inside of it. I created some green and yellow borders just to see if layout works fine...

The problem: There is some text in the main section. You can see it HERE (http://pank-kura.com/EatThis22/normal.html).
But if I add some text to that same middle div inside the table, than the table simply jums outside of its containing div. Check out HERE (http://pank-kura.com/EatThis22/moreText.html).

The main(middle) div has overflow property set to "-moz-scrollbars-vertical;". So it should not make bigger div, but just bigger vertical scroll. The table height property is set to 100%.

Any ideas???
_________________________________________________________________
You can also download the whole page via this LINK (http://pank-kura.com/EatThis22/page.zip).

[dtm32236]

I don't know why this problem is, but the first thing you need to look into is adding a doctype (http://www.alistapart.com/articles/doctype/).

Then maybe looking into css overflow (http://www.quirksmode.org/css/overflow.html).

good luck with it.