Problema visualizzazione form IE7

[pezzo]

Ciao ragazzi,
eccovi un'altra differenza tra FF e IE7. Stavolta parliamo di un problema di allineamento dei div in un form. Su Firefox il fieldset "costi" è correttamente allineato sotto "area didattica principale", su IE7 invece si posizione sotto "didattica".

FF


IE7


Eccovi il codice

HTML

  <fieldset class="tipologia">
    <legend >Area didattica principale</legend>
    <div>
  	<label for="id_tipologia_corso_1">Tipologia corso</label>
  	<select id="id_tipologia_corso_1" name="id_tipologia_corso" onchange="popolaTematica('1');" >

      <option value="seleziona">Seleziona</option>
  		
  	</select>
  	</div>
  	
  	<div>
    <label for="id_tematica_corso_1">Tematica corso</label>
  	<select id="id_tematica_corso_1" name="id_tematica_corso" >
  		<option value="">--------</option>
  	</select>   
  	</div>
  	
  	<div>
  	<label for="id_tipologia_finanziamento">Tipologia finanziamento</label>
  	<select id="id_tipologia_finanziamento" name="id_tipologia_finanziamento" >
        <option value="seleziona">Seleziona</option>
  	</select>
  	</div>
  	
    <div>
  	<label for="id_target_riferimento">Target riferimento</label>
  	<select id="id_target_riferimento" name="id_target_riferimento" >

      <option value="seleziona">Seleziona</option>
      </select>
    </div>      	
	</fieldset>

	
	<fieldset class="didattica">
  	<legend>Didattica</legend>
  	<div>

  	<label for="durata">Durata</label>
  	<input id="durata" name="durata" type="text" value="" class="durata" /> ore 
  	<span id="durataFailed" class=""></span>
  	</div>
  	
  	<div>
  	<label for="esami">Esami</label>
  	<select id="esami" name="esami" >
  		<option value="seleziona">Seleziona</option>	
  		<option value="1" >Si</option>
  		<option value="0" >No</option>
  	</select>
    </div>
   	
  	<div>
  	<label for="materiale_didattico">Materiale didattico</label>
  	<input id="materiale_didattico" name="materiale_didattico" type="text" value="" />
      </div>
	</fieldset>

CSS

/* stili dei form*/

form{

  font-size: 12px;

}



fieldset{

  float:left;

  width:900px;

  margin-left: 15px;

  margin-bottom: 7px;

  margin-top: 7px;

  padding: 1em;

  border:1px solid grey;

}



fieldset div{

  float:left;

  width:100%;

  padding: 10px 0 12px;

}



legend{

  padding: 0.2em 0.5em;

  border:1px solid grey;

  color:#004C87;

  font-size:120%;

  text-align:right;

  font-variant: small-caps;

  

}



label{

  float:left;

  width:140px;

  display: inline;

  margin-left: 10px;

  line-height:23px;

  font-weight: bold;

}

/* classi dei fieldset*/

.didattica, .tipologia{width: 425px;}

[pezzo]

UPPETTINO

[pezzo]

up

[pezzo]

UPPETTINO!

avete dubbi, domande, vi posso fornire qualche altro dato?

fatemi sapere!

[pezzo]

UP

[pezzo]

UP! Se non è chiaro, aiutatemi a farmi aiutare! Grazie!