Witam
Mam problem, związany z różnicami w działaniu IE i mozilli.
Mam formularz z kilkoma inputami i w mozilli jest wszystko ok, a w IE inputy są przesunięte w prawo i nie bardzo wiem, co jest tego przyczyną.
Mozilla:
IE:
<div id="form_left">
<form>
<label for="subject">Subject*</label>
<select id="subject">
<option value="">Please select</option>
<option value="">Healty Eating</option>
<option value="">Keeping Active</option>
<option value="">Download</option>
<option value="">Other...</option>
</select>
<label for="country">Country*</label>
<select id="country">
<option value="">Please select</option>
<option value="">USA</option>
<option value="">Poland</option>
<option value="">United Kingdome</option>
<option value="">Other...</option>
</select>
<label for="message">Your Message</label>
<textarea id="message"></textarea>
<label for="email">Email*</label>
<input type="text" id="email">
<label for="title">Title*</label>
<select id="title">
<option value="">Please select</option>
</select>
<label for="firstname">First Name*</label>
<input type="text" id="firstname">
<label for="surename">Surename*</label>
<input type="text" id="surename">
<div id="mandatory">* Mandatory</div>
<input type="submit" value="" id="submit">
</form>
</div>
#form_left{
width: 330px;
float: left;
text-align: left;
background-color: red;
}
label{
color: #777777;
}
select, textarea, input{
font-size: 11px;
letter-spacing: 1px;
border: solid #cccccc 1px;
margin-bottom: 5px;
width: 300px;
display: block;
}
textarea{
height: 100px;
overflow: hidden;
text-align: left;
}
Nie mam pojęcia, co może być przyczyną tym bardziej, że rozjeżdżają się tylko inputy, a selecty nie (a mają taki sam css).