Problemas con los div

[husseincak]

Buenas!

Tengo un pequeño problema, el caso es que dentro de un div me aparece un pequeño margen que no entiendo porque sale, ya que yo no lo he puesto:



Este es el código CSS:

Código CSS:

#container {
    height:auto;
    margin:15px auto;
}
 
.mini{
    height:auto;
    width:auto;
    overflow:auto;
    display: block;
}
.containerbar {
    width:70px;
    height:auto;
    float:left;
    background-color:#dddddd;
}
/*container*/
.containertimeline {
    width:1150px;
    height:auto;
    float:right;
    
}
nav ul {
    list-style-type:none;
    margin:0;
    padding:0;
}
 
nav a {
    height:auto;
    width:auto;
    display:block;
    margin:0;
    padding:0;
}
.fotobar {
    width:auto;
    height:70px;
}
.fotobarbutton {
    height:70px;
    width:70px;
}
 

Y este el html:

Código HTML:

<div id="container" class="wrapper">
        <div class="mini">
            
            <div class="containerbar">
                
                <nav>
                    <ul>
                        <li>
                            <a href="#">
                                <img src="images/botones/fotobar.graphic.png" alt="" class="fotobarbutton">
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
            
            <div class="containertimeline">
                
                <div class="tittlemin">
                    
                </div>
            </div>
        </div>
</div>
 

Gracias por ayudarme y un saludo :)