Element outside the dialog

Question

How do I display a ul/div that is inside the dialog? Note in the bottom right corner of the dialog

<div id="dialog">
        <div>  <div>    <button id="status-candidato">Run last action</button>  <button id="select">Select an action</button>
      </div>
      <ul>
        <li>Open...</li>
        <li>Save</li>
        <li>Delete</li>        
      </ul></div>

    </div>


<script>
 $('#dialog').dialog({
            title:"Titulo",
            width:800,
            modal: true,
            resizable: false,
            position: "top"

...
</script>

Answer 1

I believe you can fix it with z-index:

#dialog {
    display: block;
    z-index: 9999;
}

Answer 2

I got!!

#dialog {  overflow: visible; }
.ui-dialog { overflow: visible; }

you have to force the dialog class to display