轮廓和边框向左和向下移动

Question

出于某种原因，我的轮廓和边框似乎向下移动并向左移动。我用代码制作了一个JSFiddle，这样你就可以看到最新的错误。

（http://jsfiddle.net/FHB4j/）

此图片在这里是什么是应该的样子。我在设计中做了另一个元素和它的工作。虽然在这里使用相同的精确方法时，它不起作用？这不会使我犯一个愚蠢的错误。

巨大的感谢提前！

我的CSS

.standard-content-module { 
    width: 414px; 
    overflow:hidden; 
    } 
    .standard-content-module header { 
    width: 414px; 
    height: 48px; 
    background: #cc9900; 
    } 
    .standard-content-module p {} 
    .standard-content-module-content_container { 
    background: #cccccc; 
    border: 5px #ffcc00 solid; 
    outline: 10px #cccccc solid; 
    width: 384px; 
    height: 100px; 
    margin-top: 17px; 
    } 
    .standard-content-module-content_container p {} 

我的HTML

<div class="standard-content-module"> 
    <header><p>Module Title</p></header> 
    <div class="standard-content-module-content_container"> 
     <p>123</p> 
    </div> 
</div> 

Answer 1

集。标准内容模块溢出可见（或只是将其删除）

.standard-content-module { 
     width: 414px; 
     overflow:visible; 
    } 

DEMO VIEW