CalendarExtender 日历扩展器和AutoComplete自动完成扩展器 在iframe中位置偏移 错位，不在textbox的下方

问题：
CalendarExtender 日历扩展器和AutoComplete自动完成扩展器 在iframe中位置偏移 错位，不在textbox的下方
只运行框架内的内容，没有问题；加上框架的整页运行出现如上问题；
操作页面代码：<td width="140"  class="td1" align="center">
                            操作日期
                     </td>
                     <td  width="160" align ="right" class="td2">
                     <asp:TextBox ID="dateStartText" runat="server"  Width="160" EnableTheming="True" Style="position: relative" AutoPostBack="true" ></asp:TextBox></td>
<cc1:CalendarExtender ID="CalendarExtender_dateStart" runat="server" TargetControlID="dateStartText" Format="yyyy/MM/dd" FirstDayOfWeek="monday"  CssClass ="cssCalendar"  Animated="true"  >
            </cc1:CalendarExtender>框架代码：<div class="lib_Contentbox_sx_1" style="position:relative">
        <iframe id="Iframe10"  runat="server" name="mainbody2" src="#" scrolling="no" frameborder="0" style="width: 834px; height: 562px;margin-left:0px; margin-top:0px; margin-left:-20px; margin-top:-22px;position:relative;" align="left"></iframe>
</div> 附上日历的css代码
/************ Calendar Related Styles ***********************/
/* Calendar 容器所用的样式 */
.cssCalendar .ajax__calendar_container
{
    padding: 4px;
    position: absolute;
    cursor: default;
    width: 220px;
    text-align: center;
    font: 16px 标楷体;
    background-color: #ffffcc;
    border: 5px outset #646464;
    color: blue;
    z-index:3000;
    position:relative;}/* Calendar Body 所用的样式 */
.cssCalendar .ajax__calendar_body
{
    height: 130px;
    width: 220px;
    position: relative;
    overflow: hidden;
    margin: auto;
}/*
于显示日期、月份、年份所用的样式，
务必指定高度与宽度
*/
.cssCalendar .ajax__calendar_days,
.cssCalendar .ajax__calendar_months,
.cssCalendar .ajax__calendar_years
{
    top: 0px;
    left: 0px;
    height: 130px;
    width: 220px;
    position:relative;
    text-align: center;
    margin: 2px;
}/* 指定标题、注脚所需的高度与宽度 */
.cssCalendar .ajax__calendar_header,
.cssCalendar .ajax__calendar_footer
{
    height: 20px;
    width: 100%;
}/*
指定‘上一个’图像的样式，
若不指定图片来源时，会自动使用内置的图像
*/
.cssCalendar .ajax__calendar_prev
{
    cursor: pointer;
    width: 20px;
    height: 20px;
    float: left;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image:url("../images/Calendar_3D_arrow_left.gif");
}/*
指定‘下一个’图像的样式，
若不指定图片来源时，会自动使用内置的图像
*/
.cssCalendar .ajax__calendar_next
{
    cursor: pointer;
    width: 20px;
    height: 20px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url("../images/Calendar_3D_arrow_right.gif");
}/* 日历第一行的标题所用的样式 */
.cssCalendar .ajax__calendar_title 
{
    cursor: pointer;
    font-weight: bold;
    color: black;
}/* 日历最后一行的今日所用的样式 */
.cssCalendar .ajax__calendar_today
{
    cursor: pointer;
    padding-top: 3px;
    font-weight: bold;
    color: black;
}/* ‘星期’所用的样式 */
.cssCalendar .ajax__calendar_dayname
{
    height: 20px;
    width: 20px;
    text-align: right;
    color: Maroon;
    padding: 0px 2px;
}/* 日历所用的样式 */
.cssCalendar .ajax__calendar_day
{
    height: 18px;
    width: 22px;
    text-align: right;
    cursor: pointer;
    overflow: hidden;
    padding: 2px 2px 2px;
}/* 月份、年份所用的样式 */
.cssCalendar .ajax__calendar_month,
.cssCalendar .ajax__calendar_year
{
    height: 38px;
    width: 52px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}/* 已经被启用的日期、月份与年份所用的样式 */
.cssCalendar .ajax__calendar_active .ajax__calendar_day,
.cssCalendar .ajax__calendar_active .ajax__calendar_month,
.cssCalendar .ajax__calendar_active .ajax__calendar_year 
{
    background-color: #edf9ff;
    border-color: #0066cc;
    color: blue;
    border: 1px solid black;
}/* 非目前所选择的日期、月份或年份所用的样式 */
.cssCalendar .ajax__calendar_other .ajax__calendar_day,
.cssCalendar .ajax__calendar_other .ajax__calendar_month,
.cssCalendar .ajax__calendar_other .ajax__calendar_year 
{
    background-color: #ffffcc;
    color: #646464;
}/* 当鼠标移至日历的第一行、最后一行时，所使用的样式 */
.cssCalendar .ajax__calendar_hover .ajax__calendar_title,
.cssCalendar .ajax__calendar_hover .ajax__calendar_today
{
background-color: #ffffcc;
color: #00ff00;
}/* 当鼠标移至日期、月份、年份上时，所使用的样式 */
.cssCalendar .ajax__calendar_hover .ajax__calendar_day,
.cssCalendar .ajax__calendar_hover .ajax__calendar_month,
.cssCalendar .ajax__calendar_hover .ajax__calendar_year 
{
    background-color: #0f2543;
color: #ffffff;    
}