title: IE Incompatibility with form css styling
body: <p>The source code is like this:</p>
  
  <pre><code>&lt;div id="contact"&gt;
                  &lt;div class="form"&gt;
                      &lt;form action="contact.php" method="post" name="contact-us"&gt;
                           &lt;div class="right"&gt;
                              &lt;div class="labeled"&gt;
                                  &lt;label for="text"&gt;body&lt;/label&gt;
                              &lt;/div&gt;
                              &lt;textarea id="text" name="text" cols="20" rows="5"&gt;&lt;/textarea&gt;
                          &lt;/div&gt;
                      &lt;/form&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>And this is css block for textarea and related objects :</p>
  
  <pre><code>div.right {
  float: right;
  margin: 5px 0;
  }
  
  div.labeled {
  width: 150px;
  float: right;
  }
  
  div.right div.form textarea#text, textarea#text {
  background: #A2A2A2;
  border: 1px solid #811D1D;
  height: 50px;
  margin-right: 20px;
  width: 220px;
  color: #FFFFFF;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 11px;
  }
  </code></pre>
  
  <p>in FF all things are correct but in IE the textarea hasn't been styled and remains Intact.
  You can see difference in below image too :</p>
  
  <p><img src="https://i.stack.imgur.com/f5pOh.jpg" alt="defference between IE and FF"></p>
  
  <p>Also as you can see the label tag styled true in FF and remains intact in IE!
  How could I fix these?</p>
  
  <p>Regards...</p>