I have never specified the value of margin as percentage. Just out of curiosity I did a little test. I specified 50% margin-top for a div thinking that it will add margin equal to 50% of the height of the body but the result comes out weird. It adds the margin but definitely not 50% . I tried the same with padding-top and it still has the the same sort of outcome. Here is the simple code:
Can someone please throw a light on this?
<div style="background-color:#cccccc;text-align:center;height:20px;padding-top:25%">Lets see...</div>