Problemas con divs anidados

[underaxe]

Gracias de antemano.
Tengo un div debajo de otro. El de arriba hay un combobox y el de abajo un textbox.
El problema es que cuando pico en el combo y se desdobla, la lista sale debajo del textbox del div de más abajo.

La verdad es que no se si es realmente un problema de la definicion de los div y me falta algo .

Una ayuda por favor.
Muchas gracias


De nuevo gracias por atenderme.

Ahí va el código, si esta compejo, hago un ejemplo más simple.

tengo un div que compone toda una linea y hay varias lineas y dentro de cada linea tengo varios div más donde hay combos, cuando desdoblo uno de ellos, cualquiera, p.j Controlpais el combo se pone debajo de la segunda linea que p. ej. control direccion

<style type="text/css">
.ControlPais
{
width: 190px;
height: 40px;
margin-right: 5px;
padding-left: 3px;
position: relative;
top: 1px;
left: 0px;
}
.ControlCP
{
width: 63px;
height: 40px;
margin-right: 5px;
padding-left: 5px;
position: relative;
top: -39px;
left: 196px;
}
.ControlProvincia
{
float: left;
width: 211px;
height: 40px;
margin-right: 5px;
padding-left: 5px;
position: relative;
top: -79px;
left: 264px;
}
.ControlPoblacion
{
float: left;
width: 257px;
height: 40px;
margin-right: 5px;
padding-left: 13px;
position: relative;
top: -79px;
left: 261px;
}
.ControlDireccion
{
float:left;
width: 746px;
height: 40px;
margin-right: 5px;
padding-left: 3px;
position: relative;
top: 1px;
left: 0px;
}
.ControlObserva
{
float:left;
width: 746px;
height: 40px;
margin-right: 5px;
padding-left: 3px;
position: relative;
top: 1px;
left: 0px;
}
.ControlAceptar
{
width: 345px;
height: 25px;
margin-right: 0px;
padding-left: 270px;
padding-top: 0px;
position: relative;
top: 8px;
left: 13px;
}
.BotonDireccion
{
float: left;
padding-left: 3px;
}
.TxtDireccion
{
float : left;
}

#form1
{
width: 1036px;
}
.linea
{
float:left;
width: 758px;
height: 47px;
}
</style>