jQuery UI Datepicker flashes in Firefox

jQuery UI Datepicker flashes in Firefox

I stated that I had the same issue in another reported problem, but his was slightly different than mine. Apologies if I should have replied there.

When using the DatePicker with changemonth, changeyear, and a daterange of more than 20 entries on Firefox 3.6.2, there is a flicker of the page background color. On the page that I am working on, there is a large flicker, and then subsequent clicks there is only a small flicker. On this demo page, there is first a flicker on the input box, and then a larger flicker with subsequent clicks (clicking out and then back in).

The demo page can be found here:  http://tiatest.comyr.com/ . 

The html is the code located on the DatePicker demo page, with the addition of some (ugly) css and ", yearRange: '1980:2012'" .

Here is the HTML:
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>Jquery DatePicker</title>
  7. <style type="text/css">
  8. body{background-color:#000; color:#fff}
  9. #container{background-color:#f3f3f3; color:#ccc; height:100px;}
  10. </style>
  11. <script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAA50Pro5aanwJ5A-A4F58OjhSexl0fhAY8BQo_P-WomlZ_vjhIShSIqw1GVNyXzpLncOL1xWGZKGN7hQ"></script>
  12. <script type="text/javascript">
  13. google.load("jquery", "1.4.2");
  14. google.load("jqueryui", "1.8.0");
  15. </script>
  16. </head>
  17. <body>
  18. <meta charset="UTF-8" />
  19. <script type="text/javascript">
  20. $(function() {
  21. $('#datepicker').datepicker({
  22. changeMonth: true
  23. , changeYear: true
  24. , yearRange: '1980:2012'
  25. });
  26. });
  27. </script>
  28. <div class="demo" id="container">
  29. <p>Date: <input type="text" id="datepicker"></p>
  30. </div><!-- End demo -->
  31. <div class="demo-description">
  32. <p>Show month and year dropdowns in place of the static month/year header to facilitate navigation through large timeframes.  Add the boolean <code>changeMonth</code> and <code>changeYear</code> options.</p>
  33. </div><!-- End demo-description -->
  34. </body>
  35. </html>