datepicker css problem

datepicker css problem

Attached are examples.

I'm having a problem where the datepicker is hiding behind other z-indexed items. I have noticed that the problem happens in IE7 and Firefox 3.5.7. In IE, it was having problems doing it over the accordian, while in firefox it was having trouble with it all of the time.

I think the problem fixed itself when I added this Z-Index to the datepicker css:
.ui-datepicker { width: 17em; padding: .2em .2em 0; z-index:99999;}

USING: jquery-1.4.1.min.js
USING: jquery-ui-1.8rc1.custom.min.js

I'm not sure if this is a perfect fix. Please look into this and let me know if there is a preferred fix to this.

Thanks,
Colin