Html 溢出&；边界半径：饼图不工作

即使使用PIE，我也无法在IE8上获得

边界半径
属性工作

我想做什么？
进度条

怎样？
具有圆形边框（
边框半径：15px
）和灰色背景的父div。具有绿色背景的子div（矩形）。子角点应隐藏在父图形的外部（
溢出：隐藏
）

问题:
在IE8上，父图形有圆角，但子div没有（通过删除
溢出：隐藏
，可以在其他浏览器上获得相同的结果）

为什么此解决方案“”不能回答我的问题？
我不希望我的子div有圆角，例如在61%（），绿色形状的右侧是矩形。（我不想在其上添加
边界半径
属性）

代码和演示？
JSFiddle：

HTML：

<div class="container">
    <div class="progress" style="width:61%"></div>
</div>

.container {
    width: 200px;
    height: 30px;
    border: solid 1px black;
    position: relative;
    background: #AAA;
    border-radius: 15px;
    behavior: url(/Content/PIE.htc);
    /* REMOVE TO SEE THE RESULT ON IE8 : */
    overflow:hidden;
}

.progress {
    height: 100%;
    background: #5F5;
}

有人有办法解决这个问题吗？
你不必费心了。在IE8及以下版本中简单地使用一个方形进度条要容易得多，而且会更好（更干净、更高效），因为现在这是一个退步，但对于一些人（他们的问题不是进度条）来说，这可能是一个阻塞问题。我会留下这个问题，希望有人能找到解决办法。