Datepicker UI Opening at Random / Unexpected Locations

Datepicker UI Opening at Random / Unexpected Locations

Hi,

I have a Datepicker UI linked to a textbox using the following code:

$(document).ready(function(){
txtDOB = $("input[name=txtDOB]");
txtDOB.datepicker();
});

Screenshot of the Textbox: http://arch.kimag.es/share/85588260.jpg

When I click on the textbox, the calendar opens at an unexpected location as seen in this picture
Firefox: http://arch.kimag.es/share/34288230.jpg
Chrome Working Fine: http://arch.kimag.es/share/75291561.jpg

It works fine in Chrome. I really can't figure out why this is happening.. It works perfectly if the textbox is placed in the top regions of the page.

The Actual Problem in a practical situation is here: http://arch.kimag.es/share/66324568.jpg

I need this resolved as I really don't want to use a calendar component from some other module if jquery has it.

Thanks