http: //jsfiddle.net/waitinforatrain/sEX3n

Tenho duas divs em um contêiner com posição absoluta. Ambos estão configurados para ficar fora dos limites do contêiner. Se eu descomentar a linha overflow: hidden, ela ocultará tudo fora do contêine

No entanto, eu só quero que o estouro de div1 seja oculto e div2 seja visível. Mas como o overflow: hidden deve ser definido no pai, ele ocultará os dois. Existe alguma maneira de esconder um?

Mesmo se eu conseguisse obtê-lo para mostrar um estouro nos limites superior e inferior, mas não à esquerda e à direita que serviria (tentei mexer com estouro-x e estouro-y, mas entendo que esse não é o objetivo a que se destinam).

<div id="container"> 
    <div id="div1"></div> 
    <div id="div2">Test</div> 
</div> 

#container {
    width: 300px;
    position: relative;
    border: 1px solid #000;
    height: 10px;
    /*overflow: hidden;*/
}

#div2 {
    position: absolute;
    top: 16px;
    border: 1px solid #444;
}

#div1 {
    position: absolute;
    height: 10px;
    left: 90%;
    width: 15%;
    background-color: purple;
}