Permanent header links look strange

[Barama]

The code below is my current used one.

 

In the attached file you can see how the permanent links look.

 

What could be the problem? How can I fix it?

 

The url to the website is: www.moritzen-grosshandel.de

 

blockpermanentlinks.tpl

<!-- MODULE Block permanent links -->
{nocache}
<div id="permanent_links">
    <div class="permanent_link_home">
        <a href="{$base_dir_ssl}" title="{l s='Home' mod='blockpermanentlinks'}" {if $page_name == 'index'}class="selected"{/if}>{l s='Home' mod='blockpermanentlinks'}</a>
    </div>
    <div class="permanent_link_contact">
        <a href="{$link->getPageLink('contact-form.php', true)}" title="{l s='Contact' mod='blockpermanentlinks'}">{l s='Contact' mod='blockpermanentlinks'}</a>
    </div>
    <div class="permanent_link_sitemap">
        <a href="{$link->getPageLink('sitemap.php', true)}" title="{l s='Sitemap' mod='blockpermanentlinks'}">{l s='Sitemap' mod='blockpermanentlinks'}</a>
    </div>
</div>
{/nocache}
<!-- /MODULE Block permanent links -->

blockpermanentlinks-header.tpl

<!-- MODULE Block permanent links HEADER -->
{nocache}
<ul id="header_links">
    <li class="header_link_home">
        <a href="{$base_dir_ssl}" title="{l s='Home' mod='blockpermanentlinks'}" {if $page_name == 'index'}class="selected"{/if}><i class="icon-house"></i><span>{l s='Home' mod='blockpermanentlinks'}</span></a>
    </li>
    <li class="header_link_account">
        <a href="{$link->getPageLink('my-account.php', true)}" title="{l s='Customer account' mod='blockpermanentlinks'}" {if $page_name == 'my-account' OR $page_name == 'authentication'}class="selected"{/if}>{l s='Mein Kundenkonto' mod='blockpermanentlinks'}</a>
    </li>
    <li class="header_link_contact">
        <a href="{$link->getPageLink('contact-form.php', true)}" title="{l s='contact' mod='blockpermanentlinks'}" {if $page_name == 'contact-form' OR $page_name == 'contact'}class="selected"{/if}><i class="icon-envelope"></i><span>{l s='Kontakt' mod='blockpermanentlinks'}</span></a>
    </li>
    <li class="header_link_sitemap">
        <a href="{$link->getPageLink('sitemap.php', true)}" title="{l s='Sitemap' mod='blockpermanentlinks'}" {if $page_name == 'sitemap'}class="selected"{/if}><i class="icon-sitemap"></i><span>{l s='Sitemap' mod='blockpermanentlinks'}</span></a>
    </li>
    <li class="header_link_sitemap">
        <a href="http://www.moritzen-grosshandel.de/restposten-ankauf" title="{l s='Restposten Ankauf' mod='blockpermanentlinks'}" style="padding:4px; border: 3px dotted red;"><i class="icon-sitemap"></i><span>Restposten Ankauf</span></a>
    </li>
</ul>
{/nocache}
<!-- /MODULE Block permanent links HEADER -->

[shacker]

i see the permalinks correct, horizontally. you solved it?