<!DOCTYPE html> <body> <div style="display: inline-block; background: blue; box-sizing: border-box; height: 200px; border: 25px transparent solid"> <div style="height: 100%; box-sizing: border-box; border: 15px transparent solid;"> <!-- We need to be taller than intrinsic height, so use a min-height --> <img src="lime100x100.png" style="min-height: 100%; display: block; visibility: hidden;"> </div> </div> </body>