title: Position div margin top 30px but keep margin in centre using margin auto?
body: <p>i am having a problem getting my div to move down my page by 30px / adding a margin to the top of my div by 30px. My div is aligned in the centre of the page using margin auto.</p>
  
  <p>however when i try to add this line of code:
  margin: 30px auto 0 auto;</p>
  
  <p>no top margin is being displayed? please can someone show me what i am doing wrong? Thanks,</p>
  
  <pre><code>#content_other{
  width:790px;
  height: auto;
  font-family: 'Arial Narrow', Tahoma, Verdana, Arial Narrow, sans-serif;
  font-size:12px;
  margin: 30px auto 0 auto;
  position:relative;
  overflow: hidden;
  padding:20px;
  background:#fff;
  border: 1px solid #999;
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
  -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
  box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  
  
  }
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;div id="content_other"&gt;
  
  &lt;html form here&gt;
  
  &lt;/div&gt;
  </code></pre>