[jquery] Mostrare div su focus di un elemento (un select fatto in casa)

[fehu]

[jquery] Mostrare div su focus di un elemento (un select fatto in casa)

Ho bisogno che quando un campo di testo acquisisce il focus, subito sotto di lui compaia un div con testo e checkbox.
In buona parte ho già preparato lo script, quando l'input text prende il fuoco il div compare, quando lo perde il div scompare, solo che scompare anche quando provo a cliccare uno dei checkbox nel div :():
Ho fatto diverse prove ma il div scompare sempre

qui lo script finora

<div style="position:relative; background:#CCC;" id="riga">
  <input type="text" name="input" style="width:400px;" id="ciao" />
  <div style="color:#FFF; background:#333; position:absolute; display:none;" id="miao">
    <p><input type="checkbox" /> aaaa</p>
    <p><input type="checkbox" /> aaaa</p>
    <p><input type="checkbox" /> aaaa</p>
    <p><input type="checkbox" /> aaaa</p>
  </div>
</div>

<script>
$(function() {
    $("#miao").css("width", $("#ciao").outerWidth());
    $("#miao").css("top", $("#ciao").outerHeight());
    $('#ciao').focus(function() {$("#miao").css("display", "block")});
    $('#ciao').focusout(function() {$("#miao").css("display", "none")});
});
</script>

suggerimenti?