form css not working right

my form is not appearing right

[craign924]

my select box is crinched in ie7 . it looks like
the select box is not 11px, there is a webpage where this works and the select box is readable, i have it exact but can figure out why
my select box is deformed.

what i am after is that all the text boxes are 11px high and that i can read what is in the select box. i looks better in firefox but
still not waht i want.

i see you do not want links posted but i would really like to show you how this looks on my text page. anyway, thanks for your time

<style>
.inputstylelong {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
background-color: #FFFFFF;
height: 11px;
width: 120px;
border: 1px solid #606060;
}
.greytext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
}
</style>
   <table width="330" height="200"> 
   <tr>
    <td class="greytext">First Name:</td>
    <td><input name="Fname" type="text" class="inputstylelong" /></td>
   </tr>
   <tr>
    <td class="greytext" >Last Name:</td>
    <td><input type="text" name="Lname" class="inputstylelong" /></td>
   </tr>
   <tr>
    <td class="greytext"> Email :</td>
    <td><input type="text" name="Email" class="inputstylelong" /></td>
   </tr>
   <tr>
    <td class="greytext">Phone :</td>
    <td><input type="text" name="phone" class="inputstylelong"/></td>
   </tr>
   <tr>
    <td class="greytext">Install Phone :</td>
    <td><input type="text" name="iphone" class="inputstylelong" /></td>
   </tr>
   <tr>
    <td class="greytext" width="100">Address:</td>
    <td><input name="address" type="text" class="inputstylelong"/></td>
   </tr>
   <tr>
    <td class="greytext">City:</td>
    <td> <input class="inputstylelong" type="text" name="city" /></td>
   </tr> 
    <tr>
   <td class="greytext">Zip Code:</td>    
<td><input type="text" name="zip" class="inputstylelong" /></td>
   </tr>
    <tr>
    <td class="greytext">State:</td>
      <td>
      <select name="State" class="inputstylelong" id="State" style="width:175px" >
       <option selected value="">Select a state/province </option>
       <option value="">--click to select-- </option>
       <option value="AL">Alabama </option>
       <option value="AK">Alaska </option>
       <option value="Alberta">Alberta </option>
       <option value="AZ">Arizona </option>
       <option value="AR">Arkansas </option>
       <option value="British Columbia">British Columbia </option>
       <option value="CA">California </option>
       <option value="CO">Colorado </option>
       <option value="CT">Connecticut </option>
       <option value="DE">Delaware </option>
       <option value="DC">District of Columbia </option>
       <option value="FL">Florida </option>
       <option value="GA">Georgia </option>
       <option value="HI">Hawaii </option>
       <option value="ID">Idaho </option>
       <option value="IL">Illinois </option>
       <option value="IN">Indiana </option>
       <option value="IA">Iowa </option>
       <option value="KS">Kansas </option>
       <option value="KY">Kentucky </option>
       <option value="LA">Louisiana </option>
       <option value="ME">Maine </option>
       <option value="Manitoba">Manitoba </option>
       <option value="MD">Maryland </option>
       <option value="MA">Massachusetts </option>
       <option value="MI">Michigan </option>
       <option value="MN">Minnesota </option>
       <option value="MS">Mississippi </option>
       <option value="MO">Missouri </option>
       <option value="MT">Montana </option>
       <option value="NE">Nebraska </option>
       <option value="NV">Nevada </option>
       <option value="Newfoundlandand Labrador">Newfoundland and Labrador </option>
       <option value="New Brunswick">New Brunswick </option>
       <option value="NH">New Hampshire </option>
       <option value="NJ">New Jersey </option>
       <option value="NM">New Mexico </option>
       <option value="NY">New York </option>
       <option value="NC">North Carolina </option>
       <option value="ND">North Dakota </option>
       <option value="Nova Scotia">Nova Scotia </option>
       <option value="Northwest Territories">Northwest Territories </option>
       <option value="Nunavut">Nunavut </option>
       <option value="OH">Ohio </option>
       <option value="OK">Oklahoma </option>
       <option value="Ontario">Ontario </option>
       <option value="OR">Oregon </option>
       <option value="PA">Pennsylvania </option>
       <option value="Prince Edward Island">Prince Edward Island </option>
       <option value="Quebec">Quebec </option>
       <option value="RI">Rhode Island </option>
       <option value="Saskatchewan">Saskatchewan </option>
       <option value="SC">South Carolina </option>
       <option value="SD">South Dakota </option>
       <option value="TN">Tennessee </option>
       <option value="TX">Texas </option>
       <option value="UT">Utah </option>
       <option value="VT">Vermont </option>
       <option value="VA">Virginia </option>
       <option value="WA">Washington </option>
       <option value="WV">West Virginia </option>
       <option value="WI">Wisconsin </option>
       <option value="WY">Wyoming </option>
       <option value="Yukon">Yukon </option>
       <option value="Other">Other </option>
            </select></td>
    </tr>   
</table>

[lavazza]

instead of

<style>
try
<style type="text/css">

instead of
height: 11px;
try
line-height: 11px;
or
line-height: 11px ! important;
or
line-height: 120% ! important;

[craign924]

lavazza,

thanks mucho.

text/css was there in original

line-height: 11px;
did the trick.

thanks again,
craig