Div con sotto immagine

[james81]

Ciao a tutti!
volevo un consiglio: ho un div che utilizzo come header/titolo di un modulo, ora sotto a questo div volevo posisionare sulla destra una freccetta che punti verso i basso dello stesso coore del div:
questo è il codice :

<div class="sfondo">
<h3 class="titolo">Select</h3>
</div>
<span class="freccia-down"></span>

mi si visualizza tutto correttamente a parte che la freccia è staccata dal div non attaccata

.sfondo{
width:90%;
background-color:#FFFFFF;

}

.freccia-down {
background: url("http://www.sito.it/social.png") no-repeat scroll -1px -420px #FFFFFF;
display: block;
height: 11px;
margin-left: 30px;
width: 35px;
}

.titolo {
color: #444444;
font-size: 14px;
font-weight: 700;
height: 38px;
letter-spacing: 1px;
line-height: 38px;
padding-left: 12px;
text-transform: uppercase;
}

[Mich_]

E` un po' assurdo usare un <div> che contiene solo un <h3>. Tanto vale usare solo l'<h3>

Comunque prima di passare a sistemare il tutto usando la logica e la semantica, prova a dichiarare
border:0;
padding:0;
margin:0;
in tutti gli oggetti di tipo blocco ( <div> e <h3> )