ul + li + font awesome + href

хочу сделать список ul чтобы не писать по 100 раз стиль для каждой иконки.

ul#menu li {
color: rgb(255, 255, 255);
font-size: 30px;
position: relative;
display: inline-block;}
<ul id="menu" type="none">
<li><a href="http://vk.com/url"><i class="fa fa-vk"></i></a></li>
<li><i class="fa fa-steam" href="http://url.ru"></i></li>
<li><i class="fa fa-code" href="http://url.ru"></i></li>

все работает, но не выдается цвет для иконки.