Hi all, not posted here in a while, but have an issue I can't figure out.
I have the following for use as a JQuery modal dialog (keeping it as simple as possible) :

HTML Code:
<div id="diaryEntry" title="Diary Entry" style="display: none; width:600px">        
        <input type="text" id="txtDiaryDate" style="color:#000000" />        
</div>
I set the textbox to be a datepicker in a script section in the head of the page :

Code:
 
$(function () {
      $("#txtDiaryDate").datepicker();          
});
I have a function which displays the dialog, which is triggered by a click on an icon :

Code:
  
function AddDiary(contactID) {
      var psModal = $("#diaryEntry");          
      psModal.dialog({ modal: true, width: "300px", height: "auto" });
}
I also have the following style / scripts in my head section :

HTML Code:
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />  
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>  
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>  
The modal dialog is displayed, it contains the datepicker, but, in IE9, when I select a date from the datepicker the text in the box in invisible (i can select the 'invisible' text and copy it and can paste the selected date into something else, so the action of selecting a date is working). It works fine in both Opera and FF.

Any ideas would be much appreciated, thanks.