Question: **UPDATE**  

I have reverted back to Jquery 1.3.2 and everything is working, not sure what the problem is/was as I have not changed anything else apart of the jquery and ui library versions.

**UPDATE END**

I having an issue with the [JQuery UI datepicker](http://jqueryui.com/demos/datepicker/). The datepicker is being attached to a class and that part is working but the datepicker is not being displayed.

Here is the datepicker code I am using and the inline style that is being generated when I click in the input box that has the class ".datepicker". 

```
$('.datepicker').datepicker({dateFormat:'dd/mm/yy'});

display:none;
left:418px;
position:absolute;
top:296px;
z-index:1;

```

If I change the display:none to display:block the datepicker works fine except it dosen't close when I select a date.

Jquery libraries in use:

* jQuery JavaScript Library v1.4.2
* jQuery UI 1.8 jQuery UI Widget 1.8
* jQuery UI Mouse 1.8 jQuery UI
* Position 1.8 jQuery UI Draggable 1.8
* jQuery UI Droppable 1.8 jQuery UI
* Datepicker 1.8

Answer: 
I had the same problem using JQuery-UI 1.8.21, and JQuery-UI 1.8.22.

Problem was because I had two DatePicker script, one embedded with *jquery-ui-1.8.22.custom.min.js* and another one in *jquery.ui.datepicker.js* (an old version before I upgrade to 1.8.21).

Deleting the **duplicate** *jquery.ui.datepicker.js*, resolve problem for both 1.8.21 and 1.8.22.
```
* html .ui-helper-hidden-accessible 
{
 position: absolute !important; 
 clip: rect(1px 1px 1px 1px); 
 clip: rect(1px,1px,1px,1px); 
}

```

This just works for IE, so I apply this hack and works fine on FF, Safari and others.