Immagine divisa in 5 parti

[smecca]

Salve a tutti,

dovrei mettere un'immagine abbastanza grande nella testata di una pagina web. Ho deciso di dividerla in 5 immagini più piccole e posizionarle tramite un foglio di stile.
Le ho, quindi, trattate come sfondi, e posizionate in tag "div class".

<div class="sf_extra1"><span/></div> (immagine 1)
<div class="sf_cornice">
...
<div class="sf_extra10"><span/></div>
<div class="sf_cornice_testata"> (qui vi sono le altre 4 immagini anche se vi ho inserito il riferimento all'immagine 2)
<div class="sf_extra2">span/></div>(immagine 3)
<div class="sf_main_testata"><div style="display: block;"></div></div> (immagine 2 - solo formattazione)
<div class="sf_extra3"><span/></div>(immagine 4)
<div class="sf_extra31"><span/></div>


css:
sf_extra1{
background-image:url(images/testata.div.1.jpg);
}
sf_extra1 {
background-repeat:no-repeat;
height:10px;
margin-left:14px;
width:800px;
}
-------------------
.sf_cornice {
margin-left:14px;
width:800px;
}
-------------------
.sf_cornice_testata {
background-image:url(images/testata.div.2.jpg);
}
.sf_cornice_testata {
background-repeat:no-repeat;
clear:both;
height:224px;
margin:0;
width:800px;
}
-------------------
sf_main_testata
.sf_main_testata {
color:#EBEBEB;
}
.sf_main_testata {
border-style:none;
border-width:0;
float:left;
font-size:26px;
height:105px;
overflow:hidden;
padding-left:7px;
padding-top:6px;
text-align:left;
width:388px;
}
--------------------
.sf_extra3 {
background-image:url(images/testata.div.4.jpg);
}
.sf_extra3 {
}
.sf_extra3 {
background-repeat:no-repeat;
border-left-width:0;
border-style:none;
float:left;
font-size:26px;
height:105px;
margin-top:0;
padding-left:7px;
padding-right:0;
padding-top:6px;
text-align:left;
width:393px;
}
----------------------
sf_extra31
.sf_extra31 {
background-image:url(images/testata.div.5.jpg);
}
.sf_extra31 {
}
.sf_extra31 {
background-image:url(images/main_image.jpg);
background-repeat:no-repeat;
border-style:none;
border-width:0;
float:right;
height:112px;
margin-top:0;
padding-right:0;
width:400px;
}

Il problema è che si vedono i bordi di ciascuna delle cinque immagini, anche quelli interni. Ho provato in svariate maniere a toglierli ma non riesco.
Qualche aiuto?
Grazie in anticipo a tutti coloro che decideranno di aiutarmi.
Ciao

[smecca]

qui ho inserito l'immagine risultato.

come potrete notare sono venuti delle specie di bordi interni che non riesco a rimuovere.