Problema con capas en CSS

[alvarols]

Tengo un problema, estoy tratando de poner este cintillo de tal forma en que se salga del contenedor. El problema es que cuando lo cargo a la izquierda me aparece como muestro en esta imagen:



El CSS utilizado para el cintillo (con lo cual lo muevo a la izquierda, es este)

.bancongreso{
position:relative;
left:-5px;
width:262px;
height:51px;
background:url(images/bancongreso.png);
z-index:10000px;
}

El contenedor donde está este va así


#bienvenidos{
float:left;
width:380px;
overflow:hidden;
clear:both;
}

Y lo que contiene todo esto, es así:

#texto{
width:800px;
height:auto;
background:#FFF;
margin:0 auto;
z-index:100;

}

Lo que quiero es que el cintillo sobrepase el background:

Muchas gracias

[flashmax]

hola a mi me parece que lo que esta cortando el cintillo es el overflow:hidden; pero tendría que ver el html para poder probarlo en mi editor.

[alvarols]

Bingo. Gracias

[pzin]

En caso de que uses overflow:hidden para hacer crecer la capa contenedora que lleva lo que está flotado, puedes usar overflow con un valor automático. Para evitar cosas así.