Div encima de borde

[legomolina]

Buenas, mi duda es si puedo colocar un div hijo encima del borde del div padre y que quede "por encima" del padre.
HTML

Código HTML:

<div id="clientes" style="position:absolute; top:40px; left:23px; width:716px; height:470px; min-height: 470px; min-width: 716px;">
             <div id="barra_clientes">
                <span id="title_clientes"><img src="recursos/ima/iconos/favicon_cliente.png" width="16px" height="16px"> &nbsp;Mantenimiento de clientes</span>
                <img onclick="cerrar(clientes,'clientes')" id="imagen" style="float:right; margin-right: 0px; cursor:pointer;" src="recursos/ima/botones/cerrar.png" width="60px" onmouseover="this.src='recursos/ima/botones/cerrar2.png'" onmouseout="this.src='recursos/ima/botones/cerrar.png'">
            </div>
</div>
 

CSS

Código CSS:

#clientes {
    font-family: "Segoe UI";
    overflow: hidden;
    border-radius: 7px;
    background-clip: padding-box;
    border-color: rgb(102,107,233);
    border-color: rgba(102,107,233,0.9);
    border-right-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 5px;
    border-top-width: 22px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    background-color:#CCC;
}
#barra_clientes {
    height: 22px;
    background-color: transparent;
    cursor: default;
}
 

Imagen de como esta ahora


El div(rojo) debería quedar encima del borde(verde)