Problème avec une div dans la création d'une "fiche"

[Offrande]

Bonjour à tous

J'ai récemment créer une fiche pour les membres de mon forum et je souhaiterais poser un scroll vertical sur le cadre au fond transparent, car je souhaite garder le cadre de base sens scroll. Le soucis est, que, au moment de poser le scroll sur le cadre transparent que j'ai nommé "le contenu" et bien cela n'as pas fonctionner. 

En gros, 
J'ai créer un petit cadre avec un fond a 0.2 d'opacité dans un grand cadre avec un ribbon de présentation. Mais l'hors ce que j'ai voulus mettre le scroll sur le cadre transparent (à l'opacité réduite, donc) cela n'as pas fonctionner. ... Tous ce qu'il y avais dans le petit cadre transparent c'est afficher (bien sur sens le scroll) as tel point qu'il as dépasser le cadre principal d'une assez grande taille :/ 

De plus les ribbon placer en haut du cadre se sont complètement décaler ..  
Pourriez vous m'aider? 

Code de ma fiche (mon sujet) :

Code:

<center>
<div style="height: 800px; width: 85%; box-shadow: 5px 5px 20px #000000; background-image: url(http://gaia.equideow.com/media/equideo/image/background/body/default/body-background-landing-prairie.jpg?47486816); border: 1px solid #000000;">
<p class="ruban1"><img src="http://i59.servimg.com/u/f59/18/94/29/67/ruban110.png"/></p><p class="ruban3"><img src="http://i59.servimg.com/u/f59/18/94/29/67/ruban310.png"/>
</p>

<div style="min-height: 55px; max-height: 55px; background-image: url(http://i59.servimg.com/u/f59/18/94/29/67/ruban214.png); background-repeat: repeat-x; background-position: left;"><span style="font-size: 24px!important; text-align: center; font-color: #000!important; text-shadow: 1px 1px 4px #ffffff!important;">
Quand Divine Pluie fait un Bébé...</span></div>
<!--CONTENU DE TON ASTUCE-->
<div style="text-align: justify; color: #000; padding: 50px; background-color: rgba(255, 255, 255, 0.4); border: 1px #000 solid; margin: 10px; overflow: scroll;">
Heyl'0 {USER&amp;#8288;NAME},
Comme nous l'avons tous vus au débuts du concours actuelle pour gagner la sublime Divine Pluie, celle-ci peut donner naissance à un petit nouveaux en s'accouplent avec Geyser . Cette petite et douce nouveaux porte déjà le nom de Nuage et je croit sincèrement que vous n'allez pas être déçus du graphisme.

Après avoir eu la chance d'obtenir une Pluie, j'ai tout de suite fait l'accouplement avec mon Geyser pour vous offrir un peut plus d'informations l'hors de sa naissance, mais, pour le moment et dans l'attente de ce moment si précieux je vous ai dénicher en farfouillent dans quelque scripts et URL du jeux des images inédites de ce petite Nuage a l'age de naissance mais également une fois adulte.

Je vous laisse donc les découvrirent toutes les deux et je reviens plus tard sur ce sujet pour vous apporter des informations sur le petite Nuage en question.

Voir le BoWnu`s
Un simple petit message de remerciement sur ce sujet,
et, hop! Le tour est jouer  
:winkingface:

[hide]
[...] Mais, de rien chers Villageois, voila pour toi {USER&amp;#8288;NAME}. Je te souhaite un très bon visionnage mais surtout n'hésite pas a nous dire ce que tu en pense!

Nuage Naissance

Nuage Adulte









</div>



</div>
</center>


et voila, 
ma CSS qui contient seulement les extrémité du ribbon (gauche et droite) :

Code:

/*--------------------FICHE ASTUCE EQUIDEOW-------------------------------------------------------------------*/

.ruban1{
  float: left!important;
  margin-left: -52px!important;
  margin-top: -16px!important;
}
.ruban3{
  float: right!important;
  margin-right: -52px!important;
  margin-top: -16px!important;
}


Merci à ceux qui auront pris le temps de me lire et de m'aidez.
Vous êtes adorable  je vous souhaite à tous une très bonne journée 

[Offrande]

Up

Merci d'avance de vôtre aide

[Scoubifitz]

bonjour,

un essai , sans le CSS :

Code:

<div style="height: 800px; width: 85%;margin:auto; box-shadow: 5px 5px 20px #000000; background-image: url(http://gaia.equideow.com/media/equideo/image/background/body/default/body-background-landing-prairie.jpg?47486816); border: 1px solid #000000;">
<div style="float: left;margin-left:-52px;margin-top:20px;"><img src="http://i59.servimg.com/u/f59/18/94/29/67/ruban110.png"/></div><div style="float: right;margin-right:-52px;margin-top:20px"><img src="http://i59.servimg.com/u/f59/18/94/29/67/ruban310.png"/></div><div style="height: 55px;margin-top:36px; background: url(http://i59.servimg.com/u/f59/18/94/29/67/ruban214.png) repeat-x;font-size: 24px;text-align: center;line-height:48px; font-color: #000; text-shadow: 1px 1px 4px #ffffff;">Quand Divine Pluie fait un Bébé...
</div><div style="height:450px;text-align: justify; color: #000; padding:10px 50px 50px; background-color: rgba(255, 255, 255, 0.4); border: 1px #000 solid; margin:150px 10px 0; overflow: auto;">
<!-- CONTENU DE TON ASTUCE -->      Heyl'0 {USER&amp;#8288;NAME},
      Comme nous l'avons tous vus au débuts du concours actuelle pour gagner la sublime Divine Pluie, celle-ci peut donner naissance à un petit nouveaux en s'accouplent avec Geyser . Cette petite et douce nouveaux porte déjà le nom de Nuage et je croit sincèrement que vous n'allez pas être déçus du graphisme.
       
      Après avoir eu la chance d'obtenir une Pluie, j'ai tout de suite fait l'accouplement avec mon Geyser pour vous offrir un peut plus d'informations l'hors de sa naissance, mais, pour le moment et dans l'attente de ce moment si précieux je vous ai dénicher en farfouillent dans quelque scripts et URL du jeux des images inédites de ce petite Nuage a l'age de naissance mais également une fois adulte.
       
      Je vous laisse donc les découvrirent toutes les deux et je reviens plus tard sur ce sujet pour vous apporter des informations sur le petite Nuage en question.
       
      Voir le BoWnu`s
      Un simple petit message de remerciement sur ce sujet,
      et, hop! Le tour est jouer 
      :winkingface:
       
      [hide]
      [...] Mais, de rien chers Villageois, voila pour toi {USER&amp;#8288;NAME}. Je te souhaite un très bon visionnage mais surtout n'hésite pas a nous dire ce que tu en pense!
       
      Nuage Naissance
       
      Nuage Adulte
       
       
</div></div>

[Offrande]

Ha merci beaucoup cela as fonctionner à merveille !!

Merci encore une fois
Je te souhaite une très bonne nuit