title: CSS not being applied to div tag
body: <p>Having a small issue with a div tag as it's not picking up the CSS I have for it.</p>
  
  <p>I notice then when I inspect the element in Firefox and Chrome.  I see one html element that has a div tag and it applies the CSS properly.  I then look at another, and while the html code is almost identical, it's not applying the CSS.</p>
  
  <p>Here is one html code with div tag that works:</p>
  
  <pre><code>&lt;tr&gt;
          &lt;td class="style1"&gt;
              &lt;label&gt;&lt;div ID="Login"&gt;Login:&lt;/label&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;input class="login" id="loginpassword" type="text" name="username"     
  maxlength="75"&gt;
              &lt;/div&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  </code></pre>
  
  <p>Here's the CSS for the loginpassword ID:</p>
  
  <pre><code>#loginpassword {width:150px;}
  </code></pre>
  
  <p>Here is my 2nd html snippet of code (the one that isn't applying the CSS):</p>
  
  <pre><code>&lt;tr&gt;
          &lt;td class="style1"&gt;
              &lt;label&gt;&lt;div ID="Password"&gt;Password:&lt;/label&gt;
          &lt;/td&gt;
          &lt;td&gt;
              &lt;input class="login" id="loginpassword2" type="password" name="password" 
  maxlength="75"&gt;
              &lt;/div&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  </code></pre>
  
  <p>And here's the CSS for the loginpassword2 ID:</p>
  
  <pre><code>#loginpassword2 {width:150px;}
  </code></pre>
  
  <p>So they almost 100% identical, but the ID of loginpassword2 isn't applying the CSS, whereas loginpassword is applying the CSS.  Strange.  I can't understand why one works and the other doesn't.</p>
  
  <p>Any clue on this?  If you need more information, please do let me know.</p>
  
  <p>Thank you advance for your reply.</p>