Вопрос? Как выровнять текст по вертикали в футере?

Привет, ребята. Мучусь весь день, никак не могу выровнять текст, т.е. ссылки по вертикали в футере. То кнопка вверх исчезает, то еще что-то.

HTML:

<div class="footer">
        <div class="footer2">
            <div class="footer-menu">
                <div class="footer-menu-block">
                    <li><a href="http://-/">Главная</a></li>
                    <li><a href="http://-/films/">Фильмы</a></li>
                    <li><a href="http://-/serials/">Сериалы</a></li>
                    <li><a href="http://-/?do=feedback">Обратная связь</a></li>
                    <li><a href="http://-/pravoobladatelyam.html">Правообладатели</a></li>
                    <li><a href="http://-/sitemap.xml">Карта сайта</a></li>
                </div>
            </div>
            <div class="footer-right">
                <div class="footer-bottom">
                    <div class="footer-up"></div>
                </div>
            </div>
            <div style="clear: both;"></div>
        </div>
    </div>
   
</div>
</div>

Spoiler: Все стили по футеру

.footer {
padding: 30px;
height: 35px;
background: #d7d7d7;
-moz-box-shadow: inset 0 0 40px rgba(0,0,0,.33);
-webkit-box-shadow: inset 0 0 40px rgba(0,0,0,.33);
box-shadow: inset 0 0 40px rgba(0,0,0,.33);
}

.footer2 {
background: url(../images/ftr.jpg) 300px 0 repeat-y;
}

.footer-menu {
float: left;
width: 278px;
font-size: 0;
}

.footer-menu-block {
font-size: 14px;
width: 40%;
margin: 0 10% 0 0;
display: inline-block;
}

.footer-menu-block a {
display: block;
color: #242424;
margin: 0 0 8px 0;
}

.footer-menu-block a:hover {
color: #000;
}

.footer-right {
float: left;
width: 595px;
margin: 0 0 0 60px;
}

.footer-text {
color: #626262;
font-size: 14px;
line-height: 18px;
margin: 0 0 30px 0;
}

.footer-text a {
color: #000;
}

.footer-text a:hover {
color: #0e5a68;
}

.footer-bottom {
position: relative;
padding: 0 100px 0 0;
}

.footer-soc {
display: inline-block;
vertical-align: top;
margin: 0 20px 0 0;
}

.footer-soc a {
display: inline-block;
width: 24px;
height: 24px;
margin: 0 0px 0 0;
}

.footer-soc a:hover {
opacity: 0.7;
}

.soc1 {
background: url(../images/footer-soc.jpg) left top no-repeat;
}

.soc2 {
background: url(../images/footer-soc.jpg) -24px top no-repeat;
}

.soc3 {
background: url(../images/footer-soc.jpg) -48px top no-repeat;
}

.soc4 {
background: url(../images/footer-soc.jpg) -72px top no-repeat;
}

.soc5 {
background: url(../images/footer-soc.jpg) -96px top no-repeat;
}

.footer-count {
display: inline-block;
vertical-align: top;
}

.footer-count img {
margin: 0 0 2px 0;
}

.footer-up {
background: url(../images/footer-up.png) left top no-repeat;
width: 58px;
height: 44px;
cursor: pointer;
opacity: 0.3;
position: absolute;
right: 0;
top: 0;
}

.footer-up:hover {
opacity: 1;
}

.footer-background {
background: url(../images/footer-background.jpg) center bottom no-repeat;
padding: 0 0 10px 0;
}

 

можете подсказать стили, пожалуйста?

 

спасибо, там много вариантов, какой нужно выбрать? Чтобы ссылки просто я ряд шли, а не так блоком

и как прописать правильно? а то уже замучился

 

скинул

 

скажи как лучше пожалуйста)

 

Не понимаю, как делать, всё не получается выровнять(