<!DOCTYPE html> <html> <head> <title>Test mpadded</title> <style type="text/css"> div#square1 { position: absolute; width: 100px; height: 100px; background: blue; } div#square2 { position:absolute; width: 20px; height: 20px; left: 10px; top: 55px; background: red; } /* left = lspace = 10; top = heightBig - heightSmall - voffset; top = 50 - 10 + 15 = 55px */ </style> </head> <body> <div id="square1"> <div id="square2"> </div> </div> </body> <html>