Html 溢出：自动；在IE7中工作不正常

我有一个容器来显示用户的活动。我将溢出自动设置为此容器。它在chrome、FF等中运行良好，但在IE7中，内容从这个容器溢出。它不会被隐藏。检查下面的内容

in jsfiddle : http://jsfiddle.net/nUQ8V/1/

or code :

**CSS:**
----------------------------------
p {
    margin:0;  font-family:arial; font-size:12px;
}
.container {
    height:200px;
    width:150px;
    overflow:auto;
    padding:10px;
    border:2px solid #ddd;
}

.inner {
    padding:10px 0;
    border-bottom:1px dotted #ccc;
    position:relative;
}

.title { 
    font-weight:bold;
}

**html** 
------------------------------
<div class="container">
    <div class='inner'>
        <p class="title">Gopi Buyer Viewed</p>
        <p>Sri Ragavendra Castle</p>
        <p>Korattur</p>
    </div>
    <div class='inner'>
        <p class="title">Gopi Buyer Viewed</p>
        <p>Sri Ragavendra Castle</p>
        <p>Korattur</p>
    </div>
    <div class='inner'>
        <p class="title">Gopi Buyer Viewed</p>
        <p>Sri Ragavendra Castle</p>
        <p>Korattur</p>
    </div>
    <div class='inner'>
        <p class="title">Gopi Buyer Viewed</p>
        <p>Sri Ragavendra Castle</p>
        <p>Korattur</p>
    </div>
</div>

jsfiddle中的

：http://jsfiddle.net/nUQ8V/1/
或代码：
**CSS:**
----------------------------------
p{
边距：0；字体系列：arial；字体大小：12px；
}
.集装箱{
高度：200px；
宽度：150px；
溢出：自动；
填充：10px；
边框：2px实心#ddd；
}
.内部{
填充：10px0；
边框底部：1px点#ccc；
位置：相对位置；
}
.标题{
字体大小：粗体；
}
**html**
------------------------------
已查看Gopi买方

斯里拉加文德拉城堡

科拉图尔

已查看Gopi买方

斯里拉加文德拉城堡

科拉图尔

已查看Gopi买方

斯里拉加文德拉城堡

科拉图尔

已查看Gopi买方

斯里拉加文德拉城堡

科拉图尔

删除位置：相对；这是下等货

.inner {
    padding:10px 0;
    border-bottom:1px dotted #ccc;
   /* position:relative; */
}

它在所有浏览器中都能正常工作。

fiddle:

使用ie7内联黑客：

.inner {
    padding:10px 0;
    border-bottom:1px dotted #ccc;
    position:relative;
    *position:*static;
}