Hey, when you height: x%;
or width: x%;
of a div. It actually stays that percentage of screen. Now matter how badly you'll mess up entire page. It's still gonna be x% wide and x% height. Well, I tried that with font, but browser doesn't seem to be able to understand what I meant. When I put font-size: 120%;
it actually enlarges font by 1/5th but uh, that's not what I meant. I wanted it adjust itself always when it's parent is resizing.
edit - I'll try that one out: http://jsfiddle.net/tomsoderlund/26Gad/light/