Question

I am using a datepicker for one of my form elements in my Drupal page.

The problem i have is that in IE6 (testing in IE7 and Firefox, it looks fine),
there is a box below the calendar with the word false in it.

When the first date picker is clicked, the box is the same size as the
calendar. When another date picker is clicked on the same page the
false box is twice as big. The box continues to grow in size every
time a date picker is clicked.

Included the screenshot of the issue…. i see that an iframe is being added.
Dont understand what could be the issue and how to fix it.

Answer 1

Add this to your css

iframe.ui-datepicker-cover { display:none; } 

else try this

.ui-datepicker-cover {
  display: none; /*sorry for IE5*/
  display/**/: block; /*sorry for IE5*/
  position: absolute; /*must have*/
  z-index: -1; /*must have*/
  filter: mask(); /*must have*/
  top: -4px; /*must have*/
  left: -4px; /*must have*/
  width: 193px; /*must have to match width and borders*/
  height: 200px; /*must have to match maximum height*/
} 

Reference here