Wyrównanie belki nawigacyjnej

wersja skryptu MyBB: 1.6.8
adres forum: http://play3center.cba.pl/
na czym polega problem (screen, opis, komunikaty):

Witam. Mam problem. Postanowiłem zmienić belkę nawigacyjną wg tego poradnika: http://mybbsource.com/thread-4935.html. Wszystko się udało, jednak obrazek "domku" (strony głównej) nie jest wyśrodkowany. Jak to wygląda, możecie zobaczyć w załączniku.

Kod szablonu nav. wygląda następująco:

<ul id="breadcrumb"><li><a href="{$mybb->settings['bburl']}/index.php" title="Strona główna"><img src="{$mybb->settings['bburl']}/images/home.png" alt="Strona główna" /></a></li>
{$nav}{$activebit}</ul>

nav_bit

<li><a href="{$navbit['url']}">{$navbit['name']}</a></li>

nav_bit_active

<li>{$navbit['name']}</li>

A plik .css o nazwie global-nav.css tak:

#breadcrumb
{
    font: 11px Arial, Helvetica, sans-serif;
    background-image:url('images/bc_bg.png');
    background-repeat:repeat-x;
    height:30px;
    line-height:30px;
    color:#9b9b9b;
    border:solid 1px #cacaca;
    width:100%;
    overflow:hidden;
    margin:0px;
    padding:0px;
}
#breadcrumb li
{
    list-style-type:none;
    float:left;
    padding-left:10px;
}
#breadcrumb a
{
    height:30px;
    display:block;
    background-image:url('images/bc_separator.png');
    background-repeat:no-repeat;
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#454545;
}
.home
{
    border:none;
    margin: 8px 0px;
}

#breadcrumb a:hover
{
    color:#35acc5;
}

Co jest w nich nie tak? Z góry dziękuję za szybką odpowiedź

Może dopisz do global.css linijkę:

#breadcrumb img {
position: relative;
top: 7px;
}