Dodatkowe Buttony Problem

wersja skryptu MyBB: 1.8.6
adres forum: www.csgamers.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Witam chciałem dodać do menu kilka buttonów przekierowujących na inny adres strony, udało mi się to jedynie w buttonie z napisem (nazwa) lecz w obrazku wystąpił problem 
przeniesienia loga na prawą stronę forum próbowałem z różnymi rozmiarami obrazka nawet obrazek wielkości zwykłego napisu powodował przesuwanie się głównego loga.

<li> <div id="link"><a href="link" style="color:red">Bans</a></div>

"Bans"

Header:

<div id="wrapper"></div>
<div id="topwrap"><a name="top" id="top"></a>
<div id="mainwidth">

 <div class="float_left">  
 <div class="menu" style="margin-top: 0%;">
   <ul>
<li> <a href="{$mybb->settings['bburl']}/portal.php"><i class="fa fa-home"></i></br>Home</a></li>
     
<li> <a href="{$mybb->settings['bburl']}/index.php"><i class="fa fa-comments"></i></br>Forums</a>
     
<li> <a href="{$mybb->settings['bburl']}/search.php"><i class="fa fa-search fa-fw"></i></br> Search</a></li>
     
<li> <a href="{$mybb->settings['bburl']}/memberlist.php"><i class="fa fa-user fa-fw"></i></br> Members</a></li>
     
<li> <a href="{$mybb->settings['bburl']}/calendar.php"><i class="fa fa-calendar fa-fw"></i></br> Calendar</a></li>
     
<li> <a href="{$mybb->settings['bburl']}/misc.php?action=help"><i class="fa fa-life-ring fa-fw"></i></br> Help</a></li>
 
<li> <div id="http://www.sourcebans.net"><a href="http://www.sourcebans.net" style="color:red">Bans</a></div>
 <ul></div></div>
<div class="float_right">{$welcomeblock}</div>

</div></div>

            
<div id="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}"  /></a></div>
<div class="searchbox">
   <form action="search.php" method="post">
       <input type="text" name="keywords" class="textosearch" placeholder="Search..." title="Insert key words to perform a search..." />
       <input type="submit" name="submit" class="boton5" value="Search" />
       <input type="hidden" name="action" value="do_search" />
   </form></div></br>

   
<br />
 <div id="mbox" style="margin-top: -5px;">  



   

     <br />
    <div id="container">
        <div id="content">
            <div class="wrapper">
                {$pm_notice}
                {$bannedwarning}
                {$bbclosedwarning}
                {$unreadreports}
                {$pending_joinrequests}
                {$awaitingusers}
                <navigation>
                 <br />

Dlaczego dodajesz to jako div? Divy mają strukturę blokową, więc nic dziwnego, że całość się przesunie.
Nowe elementy do menu dodajesz analogicznie do starych:

<li> <a href="link_do_banow"><i class="fa fa-life-ring fa-fw"></i></br> Bans</a></li>

"Obrazek" lub jak wolisz - ikonkę zmieniasz podmieniając fa-life-ring na dowolny obiekt z Font Awesome:
https://fortawesome.github.io/Font-Awesome/icons/

"Obrazek" lub jak wolisz - ikonkę zmieniasz podmieniając fa-life-ring na dowolny obiekt z Font Awesome:
https://fortawesome.github.io/Font-Awesome/icons/

Nie chce widzieć na oczy tych FA mam własną grafikę to może:

<li> <a href="link_do_banow"><img src="link"></i></br> Bans</a></li>

---

Nie wiem czy dobrze to jest zrobione

Bez tego </i>, <img> zamyka się samo w sobie:

<li> <a href="link_do_banow"><img src="link" alt="teskt_alternatywny" /></br> Bans</a></li>

Aczkolwiek jest szansa, że nie będzie to wyglądało tak jak chcesz. Najłatwiej spróbować, przecież nic się nie stanie

Aczkolwiek jest szansa, że nie będzie to wyglądało tak jak chcesz. Najłatwiej spróbować, przecież nic się nie stanie

http://zapodaj.net/808a53fea4701.png.html
Dalej się rozjechało

---

logo powinno być z lewej

U mnie jest z lewej.
http://i.imgur.com/LLlR0mo.png

Zostaw tak jak było, w ciemno nie zobaczę gdzie był błąd.

Ok zrobiłem, zmieniłem wielkość obrazka w photoshopie idealnie do krawędzi napisu i wyskalowało mi nagłówek na swoje miejsce, dziękuję za pomoc!