I'm trying to put a lot of content in "Thickbox" (Javascript popup window) and it works almost fine but I can't make \[code\]max-height: 100%;\[/code\] (relative to parent) and \[code\]overflow-y: scroll;\[/code\] work.There are two outcomes:[*]It is as long as it should be, without vertical scroll and it goes outside the box (far too much).[*]It is as long as it should be, with vertical scroll and it goes outside the box (a little bit).I just want to have it inside the box, with vertical scroll and I don't want it to go outside the box. Once you'll take a look at JSFiddle you'll know what I mean: http://jsfiddle.net/m4aKk/ (best viewed on large screen - 1600px+). Any advices would be great!
Why \[code\]height: 100%;\[/code\] or \[code\]max-height: 100%;\[/code\] aren't relative to its parent?