La situation est la suivante :
Le CSS :
<style>
#aux1{
position:relative;
background-color:#ccc;
width:100%;
height:200px;
}
#aux2{
display:block;
background-color:#F00;
width:100px;
height:100px;
margin:20px;
}
</style>Le HTML :
<html><head></head>
<body>
"...some content (div with height: auto)"
<div id="aux1">
<div id="aux2">
</div>
</div>
</body>
</html>Le problème est que la propriété marginale de aux2 se comporte étrangement comme dans l'image suivante :
Si je mets overflow:hidden dans aux1 le résultat tend vers la normale :
Pourquoi dois-je utiliser overflow:hidden pour que la marge (en particulier margin-top) agisse normalement ?
