Расположение иконок

[Feel]

Нужно выровнять иконки по уровню текста (по средней линии). Не додумаюсь как.

Текущий скрин.

[ils]

.menu {
    line-height: высота иконки;
}

Edited October 19, 2012 by ils

[Radiocity]

Галерея пишется с одной Л. Можно сместить иконки ниже, используя position:relative;

[Feel]

Галерея пишется с одной Л. Можно сместить иконки ниже, используя position:relative;

*confused* Спасибо)

[Feel]

Выровнять иконки не получилось предложенными способами. Помучил блоки собственными идеями, но ничего не вышло. Прошу подсказать.

html

<div id="footer"> 
        <div id="navigation">
	      <a href="#">ОБО МНЕ</a>
	      |
	      <a href="#">ГАЛЕРЕЯ</a>
	      |
	      <a href="#">КОНТАКТЫ</a>
	      |
	      РАССКАЗАТЬ
	</div>

        <div id="icon">
	      <a href="#"><img src="images/fc.png"></a>
	      <a href="#"><img src="images/vk.png"></a>
	      <a href="#"><img src="images/tw.png"></a>
	</div>
</div>

css

#footer {
text-align: center;
width: inherit;
height: 50px;
bottom:0;
position:fixed;
background:blue;
}

a {
text-decoration: none;
color:#202020;
font-size:11pt;
font-family: courier;
}

#navigation {
background:yellow;
display: inline-block;
}

#icon {
height:20px;
display: inline-block;
background:green;
}

Скриншот

Так и не понял почему блок текста имеет отступ сверху, а блок иконок - нет, хотя у меня в css прописано "* {margin:0px; padding:0px}"

Edited October 20, 2012 by Feel

[strange_atom]

Вам же говорили про line-height, должно было получиться, там все просто

http://jsfiddle.net/strange_atom/kMxSc/

upd:

и не используйте capslock, есть же text-transform

Edited October 20, 2012 by strange_atom

[Feel]

Вам же говорили про line-height, должно было получиться, там все просто

http://jsfiddle.net/strange_atom/kMxSc/

upd:

и не используйте capslock, есть же text-transform

Сейчас попробую. Про capslock спасибо что написали, не знал.

P.S. Попробовал, так мучался, а оказывается все так просто)

Edited October 20, 2012 by Feel