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