Barre verticale entre 2 blocs

Bonjour, j'ai enfin réussi à positionner les 2 blocs correctement. Il ne me reste qu'un petit dernier détails avant que tout soit correct.

J'aimerais mettre une barre verticale entre les 2 blocs, mais je n'y arrive pas. Je voudrais également qu'elle prenne la hauteur du contenu.

Le site : http://www.kataclyst.com/V2/Test3/
La manière voulu : http://www.kataclyst.com/V2/FR/

Le code HTML :

   <div>
      <div class="flottante">
         <div id="bienvenue"></div>
         <div id="general_milieu">
            <p id="texte_general">TEXTE1</p>
         </div> 
         <div id="general_bas"></div>
      </div>

      [b]<div id="barreverticale"></div>[/b]

      <div class="flottante">
         <div id="bienvenue"></div>
         <div id="general_milieu">
            <p id="texte_general">TEXTE2</p>
         </div> 
         <div id="general_bas"></div>
      </div>
   </div>

Le code CSS :

.flottante {
  padding-left:25px;
  float:left;
  width:320px;
  text-align: center;
}

hr 
{
  clear: both;
  visibility: hidden;
}

[b]div#barreverticale
{
  background:url(../../images/barreverticale.jpg) repeat-y;
  width:3px;
  float:left;
  height:300px; /* temporaire en attendant de trouver une manière de le faire dynamiquement*/
}[/b]

Merci beaucoup!
a+
Modifié par Kiboumz (12 Mar 2006 - 20:18)