[Ovillo] por que se separa?

[coso]

Se crea un espacio vertical entre

<h2 class="titlat">Buscar</h2>

y...


<div id="fbuscar" class="cuerpolateral">
<form>
<div id="campotexto"><input type="text" name="criterio" ></div>
<div id="botonbuscar"><input type="button" name="Go" value="Go"></div>
</form>
</div>


de unos 20px en IE7, en FF se ve correctamente y en OPERA tambien

ya le he puesto todo tipo de margin y padding, e incluso le he quitado el
float a #campotexto por que lei no se donde que los float crean doble
espacion en IE

Ya no se que hacerle mas

Por favor, una ayudita GRACIAS



os pego el HTML y CSS:



                                    <div id="lateral">

                                            <h2 class="titlat">Buscar</h2>
                                            <div id="fbuscar"
class="cuerpolateral">
                                            <form>
                                            <div id="campotexto"><input
type="text" name="criterio" ></div>
                                            <div id="botonbuscar"><input
type="button" name="Go" value="Go"></div>
                                            </form>
                                            </div>

                                    </div>



/*navegador lateral derecho*/

#lateral{
background-color:#66CCCC;
border-bottom:1px solid #cccccc;
border-left:1px solid #cccccc;
width:199px;
height:80px;
float:right;
padding:0;
}


.titlat{
background-color:#0033FF;
color:#FFFFFF;
text-transform:uppercase;
font-size:8pt;
padding:7px 3px 7px 8px;
margin:2px 0 5px 0;

}

#fbuscar{
margin:0;
padding:0;

}


#campotexto {
float:left;
padding:0;
margin:0;
border:0
}

#campotexto INPUT{
width:100px;
height:25px;

}



-- 
juan romero cruz