jQuery Tools Overlay Mask Problem
<p>I'm trying to use following function with my API.. It works but the background isn't masking. What's wrong?</p>

<pre><code>    dialog: function(message)
   {
    this.OCache = $('&lt;div class="modal"&gt;'+ message+'&lt;/div&gt;').appendTo('body').overlay
    ({top: 0,mask:{color: '#000',loadSpeed:200,opacity:0.5},closeOnClick:true,load:true});
   }
</code></pre>

<p>and this is the css for the modal box</p>

<pre><code>    .modal {
 display:none;
 width:400px;
 background-color:#000;
 border:1px solid #fff;
 padding:10px 15px;
 display:none;
 color:#fff;
 text-align:left;
 font-size:12px;
 /* outline radius for mozilla/firefox only */
 opacity:0.8;
 -moz-box-shadow:0 0 10px #000;
 -webkit-box-shadow:0 0 10px #000;
}
</code></pre>
