HTML 5日期输入类型，扩展日历下拉按钮出现在输入字段下方？ CSS问题？

Question

我认为在我的网络应用中已经对CSS做了一些影响输入类型=日期的事情。根据下面的图像，日历的下拉列表显示在输入字段下方，显然不是它应该在的位置。即使我将输入字段的宽度设置为非常大，这显然有足够的空间用于日历下拉，它仍然显示在下方。我无法弄清楚CSS中的内容是如何影响它的，我已经玩了好几个小时了。有谁知道它可能是什么？

作为一个仅供参考，我使用bootstrap并在Windows上使用Chrome版本25。

据我所知，这是我写过的影响它的CSS。请注意，前面的4个目标输入字段，因此以此日期输入字段为目标。其余的通过各种其他CSS（即样式表等）来影响它

就我个人而言，我已经玩过以下所有设置，似乎无法弄明白。

width:70%;
display:block;
margin-right: auto;
margin-left: auto;
color: #999;
font-size: inherit;
background-color: white;
border: 1px solid #cccccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
height: 20px;
padding: 4px 6px;
margin-bottom: 9px;
line-height: 20px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
vertical-align: middle;
margin: 0;
border-collapse: collapse;
border-spacing: 0;
border-spacing: 2px;
border-color: gray;