css定位jquery daterange picker

Question

对于jquery日期范围选择器，我有以下HTML标记：

<td class="smallText" align="right"><?php echo TEXT_ORDER_DATE;?>&nbsp;<input type="text" value="Choose a Date" class="datepick" /></td>

javascript包含css，当然还有js文件，即：

<script type="text/javascript" src="includes/javascript/daterangepicker.jQuery.js"></script>
<link rel="stylesheet" href="includes/javascript/jquery-ui-daterangepicker.css" type="text/css"/>

脚本标记包含简单的：

$(function(){
$('.datepick').daterangepicker({arrows: true, dateFormat: 'M d, yy'}); 
});

完整的代码可以在jsfiddle上看到：http://jsfiddle.net/uSY82/1/

日期选择器正在出现，但不在它应该的位置，它位于输入框下方，而是出现在页面的左下角。关于如何纠正这个问题的任何想法？