CSS вертикальное выравнивание плавающих блоков div

У меня есть блок div (#wrapper), содержащий 2 блока, стоящих рядом.

Я бы хотел, чтобы правый div был выровнен по вертикали. Я пробовал vertical-align: middle на моей основной оболочке, но это не работает. Это сводит меня с ума!

Надеюсь, кто-нибудь сможет помочь.

http://cssdesk.com/LWFhW

HTML:

  

    

      
One
      
Two
    
  
  
  

    Here some text...
  

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;}