Как вертикально выровнять промежутки с текстом и изображением

Я уже несколько часов ищу (очевидно, не в том месте!)

Пожалуйста, рассмотрите этот образец: http://jsfiddle.net/DYLs4/9/

    Text 24
    Text 12
    

css:

#text24{
    font-size:24px; color:#999;   
}
#text12{
    font-size:12px; color:#000;  
}
#icon{
    height:36px; width:36px;
    display:inline-block;
    background:url(some-icon.png);
}​

​

Чего я пытаюсь добиться, так это:

• Вертикальное центрирование text24 (относительно изображения)
• Выравнивание нижней части text12 по нижней части text24
• Убедитесь, что все работает в IE6 - > chrome

Большое спасибо за помощь!