title: Css, Content not staying inside border
body: <p>I have the height of this div set to 100% but content keep overflowing out of it. </p>
  
  <p>Here is the page: <a href="http://cowgirlsbaking.com/membership" rel="nofollow noreferrer">http://cowgirlsbaking.com/membership</a></p>
  
  <p>CSS:</p>
  
  <pre><code>#content {
  
   margin-left: auto;
   margin-right: auto;
   background-color: #FCF6E9;
   width:868px;
   height:100%;
   min-height: 650px;
   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
   border: 10px solid #EB7CDB;
  </code></pre>