我的datepicker Jquery超出了css范围

我试着自己玩日历，它工作得非常好。但是我不明白为什么当我把日历放在代码里时，我点击日历，盒子就坏了。我想不出是哪条线把盒子弄得一团糟。我正在使用UI.all.css和引导。它们都在我提供的链接中，日期选择器的代码是

<div class="well form-inline"> Original Image Date
    <form>
        <input id="date" class="span2" size="16" type="text"  readonly=""/>
    </form>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#date").datepicker({ showOn: 'button', buttonImageOnly: true, buttonImage: 'http://beta.orbitelcom.com/wp-content/uploads/2011/03/icon_cal.jpg' });
        });
    </script>
</div>

原始图像日期
$（文档）.ready（函数（）{
$（“#日期”）.datepicker（{shown:'button'，buttonImageOnly:true，buttonImageOnly:'http://beta.orbitelcom.com/wp-content/uploads/2011/03/icon_cal.jpg' });
});

添加此css

.ui-datepicker-header select.ui-datepicker-new-month {
    height: auto;
}
.ui-datepicker-header select.ui-datepicker-new-year {
    height: auto;
}

---

它在那里工作得很好，但在我的本地计算机中仍然不工作。可能是您的其他css文件包含在同一个文件中。该属性将覆盖。尝试在所有css文件的底部包含jquery css文件。但我不确定你的问题是否解决了