Salve a tutti,

ho un problema vorrei creare una specie di tabella con 3 colonne nella prima una scritta, nella seconda una immagine e nella terza una form con un solo bottone di input.

Il problema è che gli allineamenti fanno schifo, soprattutto verticalmente, e se poi voglio far comparire il bordo del div che racchiude una riga, su Firefox mi compaiono due linee sovrapposte, su IE invece va.

codice:
 <div class="precatalogo">
            
            <div class="float">
              

aratri</p>
            </div>
            
            <div class="float">
            


             [img]img/ASI35_4SI.gif[/img]         
               </p>
            </div>
            
            <div class="float">
            <form action="ctrl_iscrizione.php" method="post"> 
                    
                        <input type="reset" name="Reset" value="Catalogo aratri">
                    
                </form>
            </div>
         </div>




codice:
div.float {
  float: left;
  width: 30%;
  padding: 10px;

  }
  
div.float p {
   text-align: center;

   }

div.precatalogo{
   text-align: center;

   border:dashed;
   height:100%;
    width: 100%;
   }