Ребят, подскажите новичку, не могу добиться того, чтобы родительский див всегда подстраивался под размеры изображения в чайлде, снизу всегда какой-то отступ, подскажите пожалуйста откуда он берется
вот код
<html>
<body>
<style>
#box {
background-color:#222;
width: 400px;
height: auto;
}
#color {
background-color: #222;
width: 400px;
height: auto;
}
#color img {
max-width:100%;
height: auto;
}
</style>
<div>
<div id="box">
<a href=""></a>
<div id="color"><img src="1234.jpg"></div>
</div>
</div>
</body>
</html>