css - 轮廓和边框左右移动

Question

由于某种原因，我的轮廓和边框似乎向下和向左移动。我用代码做了一个 JSFiddle，这样你就可以看到哪里出了问题。

( http://jsfiddle.net/FHB4j/ )

这张图片就是它应该看起来的样子。我在我的设计中制作了另一个相同的元素，并且它的工作原理。虽然在这里使用相同的 EXACT 方法时它不起作用？它不会犯，因为我一定犯了一个愚蠢的错误。

非常感谢提前！

我的 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 溢出可见（或将其删除）

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

演示视图