hola a todos quisiera saber como puedo dividir una imagen para la cual mostrarla como background
pense realizar lo siguiente:
#header1 {
background: url(images/bgheader1.jpg) no-repeat;
padding:0px 0px 0px 0px;
height:162px;
margin:0px 0px 0px 80px;}
#header2 { background: url(images/bgheader2.jpg);
padding:0px 0px 0px 0px;
height:162px;
margin:0px 0px 0px 80px;
}
#header3 { background: url(images/bgheader3.jpg);
padding:0px 0px 0px 0px;
height:162px;
margin:0px 0px 0px 80px;
}
<div id="header2">
</div>
<div id="header3">
</div>
el problema es que las imagenes no me quedan de forma seguida sino una debajo de la otra me gustaria como podria solucionar este inconveniente sin necesidad de utilizar tablas