onclick på element, men ej nestlade element

Har en div i en div. Den yttre diven täcker hela browserns rityta och den inre ligger centrerad, fylld med text.

Nu vill jag kunna dölja den yttre diven (och därmed även den inre) genom att lägga till

onclick="this.style.disply='none';"

Detta fungerar, men ej tillfredsställande. Om man klickar i den inre diven triggas detta också, något jag inte vill. Hur kan jag komma runt detta?

Hela min uppbyggnad ser ut såhär:

<div class="dimmer" id="om_kakor" onclick="this.style.display='none';">
	<div class="dimmer_inner">
		Här kommer texten...
	</div>
</div>

document.getElementById("om_kakor").onclick = function(e) {
  if(e.target === e.currentTarget) {
    this.style.display = 'none';
  }
};

Hatten av!