Devería quedarte de está manera:
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script type="text/javascript"> function AbrirDiv(){
document.getByElementId("mi_div").style.display = "block";
}
function CerrarDiv(){
document.getByElementId("mi_div").style.display = "none";
}
<body onClick="CerrarDiv();">
<button type="button" onclick="AbrirDiv()" > efecto
<div id="mi_div" style="display:none"> Hola
Esto aria que cuando haces clic en el boton lo muestre y si aces clic fuera se cierre.
Saludos.