imagen dividida

[pyroCL]

Mira lo que podrias hacer es un div que contenga las tres imagenes.
Pensemos que cada imagen tiene un ancho de 100px y un alto de 162 px

Código HTML:

#contenedor    
{           
width:300px;
height:162px;
text-align:center;
}


#header1 { 
background: url(images/bgheader1.jpg) no-repeat;
padding:0px 0px 0px 0px;
height:162px;
width:100px;
margin:0px 0px 0px 0px;
float:left;}

#header2 { background: url(images/bgheader2.jpg) no-repeat;
padding:0px 0px 0px 0px;
height:162px;
width:100px;
margin:0px 0px 0px 70px;
float:right;

 }
#header3 { background: url(images/bgheader3.jpg); 
padding:0px 0px 0px 0px;
height:162px;
width:100px;
margin:0px 0px 0px 580px;
float:right;

 }

<div id="contenedor">

   <div id="header1">

   </div>


   <div id="header2">
   </div>


   <div id="header3">

   </div>

</div> 

Prueba eso. Espero te sirva.

Saludos!