title: Line Height for placeholder in Input won't move to top
body: <p>I have been trying to play with line-height, formatting input for all browsers, padding, vertical-align and so forth but my placeholder still is in the middle of the box. Any suggestions?</p>
  
  <p>I tried testing my code within jsfiddle to see if maybe it's just my css file, however; the results are the same.</p>
  
  <p><a href="http://jsfiddle.net/f0o4bcnv/" rel="nofollow">http://jsfiddle.net/f0o4bcnv/</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#postdoc {
     background-color: gray;
     width: 780px;
     height: 500px;
     margin-right: auto;
     margin-left: auto;
     border: 1px solid black;
     margin-top: 30px;
     margin-left: 30px;
     padding-top: 30px;
     float: right;
   }
   #postdoc label {
     float: left;
     width: 200px;
     text-align: right;
     margin-right: 10px;
     padding-left: 10px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     -o-text-overflow: ellipsis;
     font-size: 25px;
     margin-bottom: 30px;
     margin-left: 20px;
   }
   #postdoc input[type="text"] {
     margin-bottom: 30px;
     height: 300px;
     width: 500px;
     font-size: 20px;
     margin-left: 10px;
     box-shadow: 0 0 5px black;
     vertical-align: top;
     /*padding-top: 0;*/
     /*line-height: normal;*/
     /*line-height: none;*/
     /*vertical-align: top;*/
     /*-webkit-input-placeholder: line-height: 1.5em;
   -moz-placeholder: line-height: 1.5em;
   -moz-placeholder: line-height: 1.5em;
   -ms-input-placeholder: line-height: 1.5em;*/
   }
   #postdoc input[type="file"] {
     margin-bottom: 30px;
     height: 50px;
     width: 500px;
     font-size: 20px;
     margin-left: 10px;
     box-shadow: 0 0 5px black
   }
   #postdoc input[type="submit"] {
     margin-bottom: 30px;
     height: 45px;
     width: 250px;
     font-size: 30px;
     margin-right: 100px;
     float: right;
     background-color: #4EA24E;
     color: blue;
     border-radius: 5px;
     text-shadow: 0 0 10px yellow;
     box-shadow: 0 0 10px black;
     font-family: Rockwell, 'Courier Bold', serif;
   }
   #postdoc input[type="submit"]:hover {
     color: gold;
   }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  
  &lt;html&gt;
  
  
  &lt;head&gt;
    &lt;link rel="stylesheet" href="prostylesheet.css" type="text/css"&gt;
  
    &lt;meta http-equiv="X-UA-Compatible" content="IE=80" /&gt;
  &lt;/head&gt;
  
  
  &lt;body&gt;
    &lt;h1 class="name"&gt;&lt;font color = "#3399FF"&gt; Prog-Assist |  &lt;/font&gt;&lt;font size = "12" font color = "#4EA24E"&gt; Programs Deployed&lt;/font&gt;&lt;/h1&gt;
  
    &lt;div id="header"&gt;
      &lt;div id="gradient"&gt;
        &lt;div class="nav"&gt;
  
          &lt;!-- container-fluid gives full width container of whole viewport --&gt;
  
          &lt;div class="container-fluid"&gt;
  
  
            &lt;ul id="nav1" class="text-left"&gt;
              &lt;li&gt;&lt;a href="main.html"&gt;&lt;strong&gt;Home&lt;/a&gt;
              &lt;/li&gt;
              &lt;li&gt;&lt;a href="tech.html"&gt;Technologies&lt;/a&gt;
              &lt;/li&gt;
              &lt;li&gt;&lt;a href="programsPage.html"&gt;Programs&lt;/a&gt;
              &lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Blog&lt;/strong&gt;&lt;/a&gt;
              &lt;/li&gt;
            &lt;/ul&gt;
  
            &lt;ul id="nav2" class="text-right"&gt;
              &lt;li&gt;&lt;a href="#"&gt;&lt;strong&gt;Sign In&lt;/a&gt;
              &lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Contact&lt;/strong&gt;&lt;/a&gt;
              &lt;/li&gt;
            &lt;/ul&gt;
  
          &lt;/div&gt;
          &lt;!-- end container-fluid--&gt;
  
        &lt;/div&gt;
        &lt;!--end nav--&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;!-- end header --&gt;
  
  
    &lt;form id="postdoc" action="upload.php" method="POST" enctype="multipart/form-data"&gt;
  
      &lt;label&gt;Comment:&lt;/label&gt;
      &lt;input type="text" name="comment" placeholder="Comments"&gt;
      &lt;br&gt;
  
      &lt;label&gt;Text Document:&lt;/label&gt;
      &lt;input type="file" name="documentfile" /&gt;
      &lt;br&gt;
  
      &lt;input type="submit" name="submit" value="Post comment" class="button"&gt;
  
    &lt;/form&gt;
  
  
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>