Cómo eliminar márgenes para diseño web width 100% 
No sé por qué aparecen ya que me aseguré de poner márgenes y paddings a cero, además de un width al 100%. La web es responsive, y aunque el menú por ejemplo está al 100% de ancho sin márgenes, el divisor del contenido presenta unos márgenes de unos 5 o 10px por todo el contorno, haciendo una separación que no me gusta nada ya que tengo un slider justo debajo del menú, dentro del divisor contenido, que queda encuadrado por el color del fondo. Yo lo que quiero es que se vea 100% de ancho y justito debajo del menú, sin separaciones por ningún lado.
Lo tengo así:
Código:
body, html {
margin:0;
padding:0;
top:0;
bottom:0;
font-size:0;
line-height:0;
}
.menu{
width: 100%;
max-width: 100%;
margin:0 auto;
}
.contenido{
margin:0 auto;
padding:0;
width:100%;
clear:both;
overflow:hidden;
box-sizing:border-box;
}
.banner {
position: relative;
width: 100% !important;
overflow: auto;
padding: 0;
margin: 0;
}
Código HTML:
<body topmargin="0"> <div class="menu"> MENÚ </div> <div class="contenido"> <!--SLIDER--> <center><div class="banner"> <ul> <li><img src="imagen1.jpg"/></li> <li><img src="imagen2.jpg"/></li> <li><img src="imagen3.jpg"/></li> </ul> </div></center> <script src="http://code.jquery.com/jquery-latest.min.js"></script> <script src="http://unslider.com/unslider.min.js"></script> <script> $(document).ready(function(){ $('.banner').unslider({ speed: 1000, }); }); </script> </div> </body>
