Form PHP non compatibile con IE

[lucaeffe]

Form PHP non compatibile con IE

Ho creato una form per contatti in PHP per il mio sito.
Per Mozilla funziona perfettamente ma per IE si scombina tutta e non riesco a capirne il problema.
O meglio da quello che ho capito analizzando la pagina gli input sono uno attaccato all'altro
e si possono separare solo singolarmente.
Mentre i label non so proprio come spostarli.
Insomma spero possiate aiutarmi.
Grazie mille.

Qui un immagine della form in IE e Mozilla
http://img72.imageshack.us/img72/8959/senzatitolo1b.png

**
HTML**

  <div id="form"><a name="p1"></a>
  <form action="" method="post" id="formYIW">
			<fieldset>

				<ol>
					<li>
						<label for="nome">Nome società<abbr title="campo obbligatorio">*</abbr></label>
						<input type="text" name="nome" id="nome" tabindex="1" />
					</li>
					<li>
						<label for="email">e-mail<abbr title="campo obbligatorio">*</abbr></label>
						<input type="text" name="email" id="email" tabindex="3" />
					</li>

					<li>
						<label for="indirizzo">Via,Città,ZIP,Stato</label>
						<input type="text" name="indirizzo" id="indirizzo" tabindex="4" />
					</li>

					<li>
						<label for="business">Il vostro business?<abbr title="campo obbligatorio">*</abbr></label>
						<input type="text" name="business" id="business" tabindex="7" />
					</li>
					<li>
						<label for="sito">Possedete gia un sito?<abbr title="campo obbligatorio">*</abbr></label>
						<input type="sito" name="sito" id="sito" tabindex="8" />
					</li>
					<li>
						<label for="sito2">Cosa vorreste ottenere con un sito?</label>
						<input type="sito2" name="sito2" id="sito2" tabindex="9" />
					</li>
                    					<li>
						<label for="colori">Avete colori aziendali da rispettare?</label>
						<input type="colori" name="colori" id="colori" tabindex="9" />
					</li>
                                        					<li>
				<label for="esempio">Indicare tre siti che vi piacciono</label>
						<input type="esempio" name="esempio" id="esempio" tabindex="9" />
					</li>
                                                            					<li>
				<label for="esempio">Note</label>
      <textarea id="note" name="note" cols="100" rows="50"></textarea>

					</li>
                    
                    
				</ol>
			</fieldset>
			<p class="controls">
				<input type="submit" name="submit" id="submit" value="" tabindex="11" />
			</p>
		</form>
		<script type="text/javascript" src="jquery.js"></script>
		<script type="text/javascript" src="jquery.validate.js"></script>
		<script type="text/javascript" src="validateYIW.js"></script>
		<!-- Google Analytics -->
		<script type="text/javascript">
			var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
			document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
		</script>
		<script type="text/javascript">
			try {
				var pageTracker = _gat._getTracker("UA-8632327-1");
				pageTracker._trackPageview();
			} catch(err) {}</script>
		<!-- Fine Google Analytics -->
  </div>

CSS

#formYIW{
  margin:0 auto;
  width:400px;
  float:left;
  padding:0 200px 0 0;
}
 fieldset{
  border:none;
  padding:1.5em;
  padding-top:0;
  position:relative;
}
 ol{
color:#666666;
font-family:Arial;
font-size:medium;
list-style:none outside none;
margin-top:3em;
width:400px;
}
 li{
color:#666
clear:both;
height:22px;
padding:0;
width:450px;
}

fieldset legend span{
  font-size:1.5em;
  padding-left:1em;
  top:0;
  position:absolute;
  width:100%;
}
 abbr{
  border:none;
  color:#FFF;
  cursor:help;
}
 p.controls{

  padding:1.5em;
  text-align:center;
}
 label{
  float:left;
  margin:25px 10px 0 0;
  width:15em;
}
 li.error{
background-color:#FFCC00;
color:#000000;
}

 label.error{
  color:#Fff;
  float:none;
  font-size:105%;
  font-weight:bold;

}

div.error{
  background: #F67E8F url(error.png) 1% 50% no-repeat;
  border:2px solid #F00;
  color:#660D1E;
  font-size:105%;
  margin:0;
  padding:0;
  width:50%;
}

#formveloce label{
  display:block;
}

textarea{
border:medium none;
display:block;
height:40px;
margin:5px 0 0;
padding:0;

}
input, select{
background:#FAFAFA none repeat scroll 0 0;
color:#666666;
float:left;
margin:1%;
padding:10px;
width:350px;
border:none;}


#note{
background:#FAFAFA none repeat scroll 0 0;
border:none;
color:#666666;
float:left;
margin:0 0 1em;
padding:10px;
width:350px;
height:100px;}

#submit{
	background-image:url(button_submit_blue.png);
	background-color:#000000;
	height:43px;
	width:120px;
	margin-left:105px;}

[codencode]

Ho testato il tuo codice con IE 6,7,8 e si vede come Firefox, salvo per l'altezza dei campi che in IE è minore.

[lucaeffe]

Scusami ma non credo di aver capito la risposta..:?

[codencode]

Tradotto: a me con Internet Explorer si vede come con Firefox.
In Internet Explorer l'unica differenza è che i campi presentano un'altezza minore rispetto a Firefox.