Css 边界向内而不是向外

我的边界是向内的，而不是正常的向外的。我不知道发生了什么，因为我的代码中没有新的东西。对此（和解决方案）有什么简单的解释吗

它可以在其他浏览器中正常工作。我在FF33上

更新

HTML:

---

我唯一可能的解释是，你是用Photoshop或类似的图形软件做的，所以解决办法是停止这样做。如果你希望得到与代码相关的答案，请发布代码哈哈，我希望是PS。。！我会发布代码，但我必须首先清理代码，使其可读。我看不出Chrome和FF之间有什么区别，在macFirefox上有一个长期存在的边距错误。有很多测试用例，我自己也曾多次遇到与margintop相关的bug。

<div class="container">
  <div class="post_section">
    <div class="repetitive_q_wrap"></div>
  </div>
</div>

.container {
  margin: 0 auto;
  max-width: 600px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}

.post_section {
  font-size: 16px;
  margin: 50px 0;
}

.post {
  background-color: #fff;
  border-color: #295269 #ddd #ddd;
  border-style: solid;
  border-width: 10px 15px 1px;
  padding: 30px 50px;
}