Błąd ze zmianą położenia ikony

wersja skryptu MyBB: 1.8
adres forum: aykrasz.cba.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
konto testowe
L: kontotestowe
H: haslo123
Tak więc wstawiłem sobie ikone przed avatar (#user, pod sliderem)

Mój header_welcomeblock_member (4 i 5 linijka)

<div class="umenu">

    <ul>
</li> <li><a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}"><i title="Log out" class="fa fa-power-off fa- icon-logout fa-2x"></i></a></li><a href="{$mybb->settings['bburl']}/usercp.php?action=avatar">  <img class="panelavatar" src="{$mybb->user['avatar']}" style="vertical-align: middle; margin: -4px 0 0 0; padding: 0;" height="40" width="40" </a>
            <ul id="menu">

<li><a class="userunique" href="{$mybb->settings['bburl']}/member.php?action=profile">{$mybb->user['username']} <i class="fa fa-sort fa- icon-color"></i> </a>

<ul>
{$admincplink}
{$modcplink}
<li><a href="{$mybb->settings['bburl']}/usercp.php?action=profile"><i title="User Profile" class="fa fa-user fa- circle-icon"></i> Panel uzytkownika</a></li>
<li><a href="{$mybb->settings['bburl']}/usercp.php?action=options"><i title="User Options" class="fa fa-cog fa- circle-icon"></i> Opcje użytkownika</a></li>

</ul>
        
    </li>
    </ul>




    </ul>
</div>

Jak mozna zauważyć zastosowałem font awesome, dodałem tam klasę icon-logout

.icon-logout {
margin-right: 5px;
    margin-top: -20px;
}

Jak przewidziałem musiałem się droczycz ze zminą położenia co trudne nie było do czasu kiedy chciałem wypozycjonować lekko w dół " margin-top: -20px;" problem w tym, że nic się nie dzieje, zmieniłem tylko ikone w lewo bo się dało, jak chcę na dół to ani rusz. Może to jakaś drobnostka.. nie wiem bo w .css geniuszem nie jestem. Pozfrawiam

To był kod matsloma, Twój kod nieco rozwalił forum, a to co mialo sie zmienic jest teraz po lewej stronie

Zmieniam na kod Matsloma na ta chwile

---

#ref jakieś pomysły? Konto testowe jest, po zalogowaniu widać jak to wygląda, prosiłbym o pomoc, aktualnie korzystam z tego kodu Matsloma (header welcomeblock_member)

custom.css → .umenu ul → Dopisz float: right;.
custom.css → ul#menu li:hover ul → zmień wartość margin-top.

custom.css → ul#menu li:hover ul → zmień wartość margin-top.

Nie pomogło, ale na moje szczeście sobie z tym poradizłem ^^
ul#menu li a { - Tutaj dodałem margin-top i ładnie się przesunęło, bo w ul#menu li:hover ul wszystko stało w miejscu.