Ayuda !! problemas con <div> en Explorer 6.0

Hola. Tengo un problema con alinear unas barras de búsqueda dentro de Explorer 6.0 ya que el div de abajo se desalinea con la barra de arriba como si tuviera un padding o margin. Me a costado mucho trabajo poder alinear <form>, causan muchos problemas, por eso se me ocurrio colocarlos dentro de un div cada uno, para aislarlos. En Firefox se ve perfecto, pero en Explorer 6.0 tengo ese problema.

Estoy usando CSS y XHTML 1.0 Transitional

Este es el código html

Código :

<div id="busqueda">
    
     
   <div id="busqueda2">
      <form method="get" action="search.php">
        <input type="text" name="target_query"/>
        <input class="b_busqueda" type="submit" value="Buscar"/>
     </form>
    </div>
     
    <div id="menu1">
       <form>
        <select name="menu1" onchange="salta(this.form)">
        <option selected> Restaurantes ...
        <option value="cambio.html">UK
        <option value="llega.html">Paris
        </select>
       </form>
      </div>
     
      <div id="menu2">
       <form>
     <select name="menu2" onchange="cambia(this.form)">
         <option selected> Proveedores ...
         <option value="relleno.html">Inmobiliario
         <option value="reglamento.html">Alimentos
    <option value="fuerza.html"> Bebidas
    <option value="diseño.html"> Diseño
         </select>
      </form>
     </div>
     
     <div id="menu3">
       <form>
    <select name="menu3" onchange="ahora(this.form)">
         <option selected> Servicios ...
         <option value="asesoria.html"> Asesoría 
         <option value="capacitacion">Capacitación
         <option value="bienesraices.html">Bienes raíces
    <option value="financieros.html">Financieros
    <option value="tecnologia.html">Tecnología
         </select>
       </form>
      </div>
     
   </div>
   
   <div id="logo">
   </div>

Y el CSS es este

Código :

/* Barra de busqueda */

#busqueda {

height: 30px;
list-style: none;
background: url(imagenes/pedazo_gris1.gif) repeat-x;

}

#busqueda2 {
   
float: left;
margin-top: 5px;
padding-left:10px;

}


#busqueda2 input {
border:0px none;
font-family:Arial,Helvetica,sans-serif;
width:150px;
font-size: 11pt;


}

#busqueda2 input.b_busqueda {
background-color:#E6E6E6;
border:0pt none;
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:11pt;
width:86px;

}

#menu1 {
   
float: right;
color: #0066FF;
padding-top: 3px;
padding-right: 10px;

}

#menu2 {
   
float: right;
height: 25px;
padding-right: 10px;
padding-top: 3px;

}

#menu3 {
   
float: right;
height: 25px;
padding-right: 10px;
padding-top: 3px;

}

/* Espacio para el logo*/

#logo {

height: 150px;
background-image: url(imagenes/top_logo.jpg)

}

Espero que alguien me pueda ayudar, porque la verdad estoy bastante atorado.

Gracias.

Bueno ya que nadie me ayudó (en otro caso, no entendieron mi pregunta), les explicaré lo que hice para solucionarlo.

Código :

    <form>
      <div id="menu1">
        <select name="menu1" onchange="salta(this.form)">
        <option selected> Restaurantes ...
        <option value="cambio.html">UK
        <option value="llega.html">Paris
        </select>
       </div>
    </form>

Si aplican ese código el problema con Explorer 6.0 se va a solucionar pero se van a dar cuenta que en Opera 9.0 y Safari el <div> se va a mover, por lo tanto en el CSS tiene que agregar este código

Código :

form {
   
margin: 0px;

}

Con este código en CSS van a evitar que se los div's creen espacios inesearios por el comando <form>, con esto se ha solucionado mi problema. A base de prueba y error lo consegui.

Espero que les sirva.