buongiorno a tutti
volevo sapere se qualcuno può suggerirmi una soluzione per il mio problema: volevo fare un menu orizzontale in alto con delle voci a destra e altre a sinistra. il problema è che quando vado a creare un div sotto non riesco a distanziarlo dal menu, mi rimane sempre attaccato, qualsiasi margine metto...

la pagina da cui mi sono ispirato (copiato è questa:
http://hammockmusic.com/



il mio codice css e html (spero di averlo snellito il più possibile):


codice:
#testata{
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, .6);
	width:100%;
	margin-top:10px;
	float:left;
	}

#menusx{
	float:left;
	padding:15px;
}

#menudx{
	float:right;
	padding:15px;
	}
	
#about{
	background-color: #F00;
	width:180px;
	}
codice:
<div id="testata">
	<div id="menusx">uno due tre quattro cinque</div>
	<div id="menudx">sei sette otto nove dieci</div>
</div>


<div id="about">
  

bababb bblalbalblbla</p>
  

blalbla</p>
  

blablaba</p>
  

blalb</p>
  

abla</p>
  

blalblalblldllbladb</p>
</div>