Hola que tal, me gustaria saber si es correcto tener divs dentro de un form, y si es asi, quisiera saber si alguien sabe como corregir el problema que a continuacion se me presenta:

cuando tengo lo siguiente, se visualiza sin ningun problema

html:

Código :

  <div id="dominio"> <!-- dominio -->
    
    <div id="dominio1"> <!-- dominio1 -->

      <div id="www">
         <label for="buscar">WWW.</label><input id="txtbuscar" type="text" /><input id="btnbuscar" type="button" value="buscar" />
      </div>
      
      <div id="check-dom1">
          <div><input type="checkbox" id="com2" /><label for="com2">.com</label></div>
          <div><input type="checkbox" id="commx2" /><label for="commx2">.com.mx</label></div>
          <div><input type="checkbox" id="net2" /><label for="net2">.net &nbsp; &nbsp; &nbsp;</label></div>
          <div><a href="#">m&aacute;s opciones</a></div>
       </div>
      
    </div> <!-- FIN dominio1 -->
   
    <div id="dominio2">  <!-- dominio2 -->

      <div id="check-dom2">
         <div><input type="checkbox" id="info2" /><label for="info2">.info &nbsp; &nbsp;</label></div>
         <div><input type="checkbox" id="org2" /><label for="org2">.org &nbsp; &nbsp; &nbsp;</label></div>
         <div><input type="checkbox" id="mobi2" /><label for="mobi2">.mobi &nbsp; &nbsp;</label></div>
         <div><input type="checkbox" id="us2" /><label for="us2">.us &nbsp; &nbsp; &nbsp; &nbsp;</label></div>
       </div>

      <div id="check-dom3">
         <div><input type="checkbox" id="netmx2" /><label for="netmx2">.net.mx</label></div>
         <div><input type="checkbox" id="edumx2" /><label for="edumx2">.edu.mx*</label></div>
         <div><input type="checkbox" id="orgmx2" /><label for="orgmx2">.org.mx*</label></div>
         <div><input type="checkbox" id="gobmx2" /><label for="gobmx2">.gob.mx</label></div>
       </div>
    
    </div> <!-- FIN dominio2 -->

  </div> <!-- dominio -->


css:

Código :

#www{
  padding-top: 70px;
  padding-left: 10px;
  float: both;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: bold;}

#www label, #www input{
  margin-right: 12px;
}

#www #txtbuscar{
  border: 1px solid #A5ACB2;
  color: #3F3F3F;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  width: 150px;
}

#www #btnbuscar{
  border: 1px solid #7D7B7D;
  color: #F68627;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 19px;
  cursor: pointer;
  width: 78px;
}

#check-dom1{
  margin-top: 30px;
}

#check-dom2{
  margin-top: 10px;
}

#check-dom3{
  margin-top: 0 !important;
  margin-top: 20px;
}

#check-dom2, #check-dom3{
  margin-bottom: 50px !important;
  margin-bottom: 60px;
}

#check-dom1, #check-dom2, #check-dom3{
  clear: both;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:bold;
  margin-left: 5px;
}


#check-dom1 div,#check-dom2 div,#check-dom3 div{
  float: left;
  width: 80px;
}




pero en cuanto quiero meter todo el html en un form para poder procesar los campos dentro de los divs, se ve horrible:

Código :


<form action="rsp.php" method="post">

  <div id="dominio"> <!-- dominio -->
    
    <div id="dominio1"> <!-- dominio1 -->

      <div id="www">
         <label for="buscar">WWW.</label><input id="txtbuscar" type="text" /><input id="btnbuscar" type="button" value="buscar" />
      </div>
      
      <div id="check-dom1">
          <div><input type="checkbox" id="com2" /><label for="com2">.com</label></div>
          <div><input type="checkbox" id="commx2" /><label for="commx2">.com.mx</label></div>
          <div><input type="checkbox" id="net2" /><label for="net2">.net &nbsp; &nbsp; &nbsp;</label></div>
          <div><a href="#">m&aacute;s opciones</a></div>
       </div>
      
    </div> <!-- FIN dominio1 -->
   
    <div id="dominio2">  <!-- dominio2 -->

      <div id="check-dom2">
         <div><input type="checkbox" id="info2" /><label for="info2">.info &nbsp; &nbsp;</label></div>
         <div><input type="checkbox" id="org2" /><label for="org2">.org &nbsp; &nbsp; &nbsp;</label></div>
         <div><input type="checkbox" id="mobi2" /><label for="mobi2">.mobi &nbsp; &nbsp;</label></div>
         <div><input type="checkbox" id="us2" /><label for="us2">.us &nbsp; &nbsp; &nbsp; &nbsp;</label></div>
       </div>

      <div id="check-dom3">
         <div><input type="checkbox" id="netmx2" /><label for="netmx2">.net.mx</label></div>
         <div><input type="checkbox" id="edumx2" /><label for="edumx2">.edu.mx*</label></div>
         <div><input type="checkbox" id="orgmx2" /><label for="orgmx2">.org.mx*</label></div>
         <div><input type="checkbox" id="gobmx2" /><label for="gobmx2">.gob.mx</label></div>
       </div>
    
    </div> <!-- FIN dominio2 -->

  </div> <!-- dominio -->

</form>


espero alguien tenga una respuesta, estare eternamente agradecido !!!