title: IE CSS Alignment Issue
body: <p>My issue is that I have two dropdown boxes that I need to align.  In Firefox, it works fine.  Basically, one form box for country, and then underneath it, another form box for state.  In IE, these boxes show up next to one another.  I'm trying to style it so that the second form box appears underneath the first.</p>
  
  <p>My HTML code (I chopped off some states so it'd be easier to read):</p>
  
  <pre><code>&lt;div class="label"&gt;*Country:&lt;/div&gt;
  &lt;div class="field"&gt;
    &lt;asp:DropDownList ID="country" CssClass="country2" runat="server"&gt;&lt;/asp:DropDownList&gt;    
  &lt;/div&gt;
  &lt;div class="label"&gt;&lt;/div&gt;
  &lt;div class="field"&gt;
    &lt;asp:DropDownList ID="us_states" runat="server" CssClass="us_state_dropdown2"&gt;
      &lt;asp:ListItem&gt;-Select State-&lt;/asp:ListItem&gt;
      &lt;asp:ListItem&gt;Alabama&lt;/asp:ListItem&gt;
      &lt;asp:ListItem&gt;Alaska&lt;/asp:ListItem&gt;
      &lt;asp:ListItem&gt;Arizona&lt;/asp:ListItem&gt;
    &lt;/asp:DropDownList&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My CSS code for classes "label", "field", "country2", and "us_state_dropdown2":</p>
  
  <pre><code>.label {width: 195px !important; height: 28px; }
  .field {width: auto !important;}
  .country2 { width:212px !important;}
  .us_state_dropdown2 { width:212px !important;}
  </code></pre>
  
  <p>Any ideas?</p>