Div que se adapta al tamaño de las imágenes

[blancoarnau]

Sigue sin funcionar. Voy a intentar pasar el código ligeramente modificado para que me podáis ayudar:

Código HTML:

<div id="content">
    <div id="econtent">
        <div class="kind"><a href="#"><img src="#"></a></div>
        <div class="kind"><a href="#"><img src="#"></a></div>
        <div class="kind"><a href="#"><img src="#"></a></div>
        <div class="kind"><a href="#"><img src="#"></a></div>
        <div class="kind"><a href="#"><img src="#"></a></div>
        <div class="kind"><a href="#"><img src="#"></a></div>
        <div class="kind"><a href="#"><img src="#"></a></div>
        <div class="kind"><a href="#"><img src="#"></a></div>
        <div class="kind"><a href="#"><img src="#"></a></div>
        <div class="kind"><a href="#"><img src="#"></a></div>
        <div class="kind"><a href="#"><img src="#"></a></div>
        <div class="kind"><a href="#"><img src="#"></a></div>
    </div>
</div>
 

Código CSS:

body{
  background-color:black;
}
#content{
    text-align:center;
}
.kind{
    display:inline-block;
    width:300px;
}
.kind img{
    width:100%;
}
#econtent{
    padding:5px 5px;
    background-color:white;
    margin:70px 2.5%;
    display:inline-block;
}
 

El resultado: http://jseditor.proyectosbds.com/aqimot


Representa que en el #content iría todo el contenido de la página aparte de #econtent.