Создавая свой мини профиль (login.tpl) на сайте столкнулся с проблемой. Цифры в блоках не располагаются по середине, а блоки, обёрнутые ссылками приобретают нежелаемый эффект hover. Помогите разобраться, день мучаюсь не могу исправить. Заранее спасибо. P.S. Знания css и html ниже плинтуса, соответственно такой же и код
<style>
.backg {background: #fff url("{THEME}/img/bg-profile.png") no-repeat;width:100%;height:165px;}
.container2{overflow:hidden;width:100%;z-index:100000}
.box1{white-space:nowrap}
.box2{white-space:nowrap;}
.box1 div{width:70px;height:20px;display:inline-block;background: rgba(0,0,0,0.3);padding:10px;}
.box1 a {color: #ec9819}
.box1 a:hover {color:#ec9819}
.box2 div{display:inline-block;margin-left:7px;}
.tex {font-family: "Arial";font-size: 17px;margin-left:20px;}
.avatar {margin-left:10px;}
.lef {float:right;}
.meili {background: #fff url("{THEME}/img/icon/mail.png") no-repeat}
.fixp {float:right;}
.tex1 {font-size: 18px;padding-top:-100px;}
.box2 li{width:25px;height:25px;}
.avatar {border-radius: 120px 120px 120px 120px;
- webkit-border-radius: 120px 120px 120px 120px;
-moz-border-radius: 120px 120px 120px 120px;"}
</style>
<div class="backg"><br>
[admin-link]<div style="float:right;margin-top:-12px;margin-right:10px;"><a href="{addnews-link}" target="_blank">+ Новость</a><span><em > : </em></span><a href="http://gosudarstvo-chernobyl.com/control-center.php?mod=bullet_energy" target="_blank">Форум</a><span><em > : </em></span><a href="{admin-link}" target="_blank">Админка</a></div>[/admin-link]
<div class="container2">
<div class="box2">
<a href="{profile-link}"><div class="avatar" style="margin-left:10px"><img src="{foto}" style="height:80px; width:80px" alt="" class="avatar"/></div></a>
<div ><br><h1 class="tex">{login}</h1>
<p style="margin-left:20px;">Панель управления</p>
</div>
</div>
</div>
<div class="container1">
<div class="box1">
<a href="{pm-link}"><div ><img src="{THEME}/img/icon/pm.png" style="margin-right:10px;opacity: 0.7;"/><span class="tex1">{favorite-count}</span></div></a>
<a href="{favorites-link}"><div ><img src="{THEME}/img/icon/zakl.png" style="margin-right:10px;opacity: 0.7;"/><span class="tex1">{all-pm}</span></div></a>
<a href="{profile-link}"><div ><img src="{THEME}/img/icon/red.png" style="margin-left:20px;opacity: 0.7;"/></div></a>
</div>
</div></div>