title: Css Align Textbox from top
body: <p>on my website i have a text box that is in the center of the web page but the problem is I need it to be to be 25px from the top of the web page . i have try d <strong>top:25px;</strong> but it still dosnt work.. i was going to upload my code to a <strong>Jsfiddle</strong> but the text box wouldn’t work correctly so ill just post a link to my drop box and include the css below</p>
  
  <p><strong>Dropbox</strong></p>
  
  <p><a href="https://www.dropbox.com/s/5lw3r9impok4eo8/MyWebsite.zip" rel="nofollow">https://www.dropbox.com/s/5lw3r9impok4eo8/MyWebsite.zip</a></p>
  
  <p><strong>Css</strong></p>
  
  <pre><code>/** Advanced Css Search Box */
  
  #advsearch {
  margin: auto;              **Puts Textbox In The Center**
  }
  #advsearch input[type="text"] {
  background: url(images/search-dark.png) no-repeat 10px 6px #fcfcfc;
  border: 1px solid #d1d1d1;
  font: bold 12px Arial,Helvetica,Sans-serif;
  color: #bebebe;
  width: 150px;
   padding: 6px 15px 6px 35px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
  -webkit-transition: all 0.7s ease 0s;
  -moz-transition: all 0.7s ease 0s;
  -o-transition: all 0.7s ease 0s;
  transition: all 0.7s ease 0s;
  }
  
  #advsearch input[type="text"]:focus {
  width: 200px;
  }
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id="advanced search"&gt;
     &lt;form method="get" action="/search" id="advsearch"&gt;
      &lt;input name="q" type="text" size="40" placeholder="Search..." /&gt;
    &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>