jQuery - DatePicker showing up on top of text input field

I have a form with a TextField for entering a date. I have a DatePick开发者_JS百科er "set" on this field. However, it appears on top of the field. I do not want it to obscure the text field. How do I go about doing this?

Make sure that there's enough room below your input field for the whole date picker box to be rendered. By "room", I mean space in the enclosing window. The date picker tries to make sure that its display fits in the window, but it's pretty clumsy about it.

You might also want to look at the CSS for the date picker. In my opinion the default spacing for the calendar makes it ridiculously over-sized. You can tighten that up pretty easily; use Firebug to play around with it.