Nyromodal and jquery datepicker

Nyromodal and jquery datepicker


I have datepicker in a form which I display on overlay modal. When I
click on datepicker icon, the calender is displayed behind the overlay
instead of on top of overlay. I tried setting datepicker z-index to
10000 ( a very high value) but that did not help (see code below).
How can i make datepicker show on top of overlay?
$(document).ready(function(){
$("#id_due_date").datepicker({
showOn: "button",
buttonImage: "/site_media/icons/calendar.png",
buttonImageOnly: true
}).css("z-index",10000);
});