CSS aligner verticalement les divs flottants

Question

J'ai une div (#wrapper) contenant 2 divs côte à côte.

J'aimerais que la colonne de droite soit alignée verticalement. J'ai essayé vertical-align:middle sur mon wrapper principal mais cela ne fonctionne pas. Cela me rend fou !

J'espère que quelqu'un pourra m'aider.

http://cssdesk.com/LWFhW

HTML :

<div id="wrapper">
  <div id="left-div">
    <ul>
      <li>One</li>
      <li>Two</li>
    </ul>
  </div>  
  <div id="right-div">
    Here some text...
  </div>
</div>

CSS :

#wrapper{
  width:400px;
  float:left;
  height:auto;
  border:1px solid purple;}

#left-div{
  width:40px;
  border:1px solid blue;
  float:left;}

#right-div{
  width:350px;
  border:1px solid red;
  float:left;}

ul{
  list-style-type: none;
  padding:0;
  margin:0;}

Answer 1

Le seul inconvénient de mes modifications est que la hauteur de la div est fixe... Je ne sais pas si c'est un problème pour vous ou non.

http://cssdesk.com/kyPhC