Bereits der IE6 hat die innere Box am Rand der äußeren abgeschnitten: <div class="container"><div>cutting margin</div></div> .container { width:20em; } .container div { margin-top:-1em; }
<div class="container"><div>cutting margin</div></div> .container { width:20em; } .container div { margin-top:-1em; }
Workaround: .container div { position:relative; }
.container div { position:relative; }