Problemas con HEIGHT

[daniel.manchego]

Amigos

Tengo dos divs uno llamado introduccion y otro dentro del mismo llamado caja

Entonces mi css es:

#introduccion {width:700px; border:1px solid gray}
#caja {width:400px; height:30px;}

<div id="introduccion">
<div id="caja">
[codigo javascript]
</div></div>

Dentro de caja sólo hay un plugin (de addthis) que tiene un tamaño de 30 pero, el div chico que ya le indique el height no me lo respeta. Me di cuenta por la linea de borde q tiene #introduccion.

Cómo puedo hacer para que #caja establezca su tamaño indicado?

Saludos.

[cristian_cena]

por las dudas probá con:

Código CSS:

#caja {width:400px; height:30px; display:block !important; position: relative !important;}
 

[daniel.manchego]

Nada :(

Me funcionó con esto:

<style type="text/css">
#introduccion { height:20px !important; }


#caja_social
{
width:200px;

float:right;
display:block !important;
position: relative !important;}

</style>

Bien raro NO?