div hijo pueda sobreescribir overflow hidden del padre

[doylelives]

Hola css:
Recibi un template donde no puedo controlar un div, me di cuenta que el problema esta en el div padre que lo contiene, posee la propiedad overflow : hidden.

Código PHP:

  .div_contenedor{
    position:absolute;
    top:30px;
    overflow: hidden;
    width:400px;
    height:30px;
    background-color:blue; 
}
.div_hijo {
    position:absolute;
    top:20px;
    background-color:#367084;
}
<div class="div_contenedor">
    <div class="div_hijo">
        Texto entrecortado
    </div>
</div>

<table border="1" style="position:absolute;top:63px;width:100%;" >
    <tr>
        <td>Contenido de Menues<br><br></td>
        <td>Contenido de datos<br><br></td>
    </tr>
</table>  
   

Por ende el contenido del div_hijo se ve entrecortado.
Solo puedo agregar estilos al div hijo, no puedo modificar el div padre.
Como podria lograr que se visualize por encima del div padre??
Gracias!!!

[deirdre]

Hola doylelives

Puedes intentar con esto:

Código HTML:

.div_hijo {
    position: fixed;
    top: 50px; /* juega con este valor para ajustarlo */
    background-color: #367084;
    z-index: 2; /* si el diseño te lo pide, usa un valor de z-index */
}

Tendrás que ajustarlo a tu diseño modificando las medidas...

Saludos

[doylelives]

Funciona!
pero solo en Firefox, en IE7 no!!!
=(

mmmm fixed significa fija, al scrollear el div que fijo. ¿?¿?¿

[mayid]

Creo que el z-index es la unica chance. Por que no puedes modificar el CSS del div padre?

[nakiox]

Holas, porque dices que no puedes controlar el div padre? podrías explicarlo?.. si tienes la posibilidad de meter otro css ten en cuenta que siempre (los navegadores decentes) se coje la ultima instrucción dada por el CSS.. entonces si ese css lo incluyes desde algún sitio, en tus css (incluyelos en el html LUEGO del css externo) puedes repetir el estilo .div_padre y cambiar las condiciones que tú quieras..

Saludos!