CSS属性溢出：隐藏导致内部div出现在主div下

有没有办法让我的#inner_div停止出现在#main_di v后面，如果它超过一定的宽度？我试着在css中从#main_div中删除overflow:hidden，但这会导致#main_div的背景加载非常缓慢，所以如果可能的话我想找到另一种解决方案。由于CSS属性溢出：隐藏导致内部div出现在主div下

主要DIV + CSS：

#main_div { 
    -moz-border-radius:5px; 
    -moz-box-shadow: 0 3px 3px rgba(255, 255, 255, 0.1), 0 3px 0 #BBBBBB, 0 4px 0 #AAAAAA, 0 5px 3px #444444; 
    background: none repeat scroll 0 0 #F6F6F6; 
    border: 1px solid #FFFFFF; 
    margin: 20px auto; 
    overflow: hidden; 
    padding: 10px; 
    width: 970px; 
}

内DIV + CSS：

.inner_div{ 
    font-size:12px; 
    font-weight:normal; 
    font-style:normal; 
    margin: 5px 0px 0px 10px; 
    border-style: solid; 
    border-width: 1px; 
    border-color: #000000; 
    z-index: 0; 
    visibility: hidden; 
    position: absolute; 
    /* white-space: nowrap;*/ 
    text-align: left; 
    padding: 5px 5px 5px 5px; 
    width:200px; 
}

来源

2012-08-07 Kokos Koka