Ciao a tutti.
Sto cercando di applicare uno span class su un titolo con diverse caratteristiche. Vengono eseguite tutte le caratteristiche tranne quelle di posizionamento.
Infatti io vorrei che il mio titolo sia staccato dall'elemento sovrastante di 25px. Solo che quando lo vedo in esecuzione questo si attacca all'elemento sopra.

Ho provato a fare una cosa del genere:
codice:
<div id="titolazione">
          <span class="titolo">Profilo Personale</span>
</div>
<div id="titolazione">
          <span class="titolo2">Generalità</span>
</div>
Con il CSS:

codice:
#titolazione{
	margin-top:25px;
}

.titolo{
	font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif, "Trebuchet MS";
	font-size: 18px;
	color: #092A67;
	padding-top:25px;
	padding-bottom:5px;
	font-weight:normal;
	letter-spacing: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BEC6DE;
	margin-top: 25px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 7px;
	text-transform: uppercase;
}

.titolo2{
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #F0037F;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 7px;
}
Nonostante tutti i margin-top o padding-top inserirti nella classe titolo la spaziatura sopra non viene eseguita.
Il bello è che titolo2 viene eseguito correttamente!
Cosa sto sbagliando?