title: Position DIV 25px from top of page?
body: <p>I have a div that is created as :</p>
  
  <pre><code>&lt;div class="test" style="width:600px; margin:0 auto;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>it's horizontal position is fine, but I want to drop is 25px (possibly more) from the top of the page.</p>
  
  <p>I've tried adding <code>top:25px;</code> to the style and adding the test class css but it hasn't helped.</p>
  
  <pre><code>div.test{
      color:black; 
      text-align:center; 
      border-radius:5px; 
      -moz-border-radius:5px; 
      border:1px solid #FFF; 
      background-color:#434987; 
  }
  </code></pre>
  
  <p>I do have another div on the page that is using <code>position:absolute;</code> and I can put that where I want... but I can't get that to work with this div when I'm using <code>margin:0 auto</code> to align it centrally horizontally..</p>
  
  <p>Can anyone offer some advice how I do this ?
  Thanks</p>