MyBB Community Forums

Recently ive been trying to add my own personal navigation buttons to my forum. I want them aligned on the left in stead of the right like the default buttons but everytime i do this they are on the left but higher than the default buttons...What do i do to fix it?

<a name="top" id="top"></a>
	<div id="container">
		<div id="header">
			<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
			<div class="menu">
				<ul>
                                                        

                                      <div style="text-align:left"> <li><a href="{$mybb->settings['bburl']}/donate.php?action=donate"><img src="{$theme['imgdir']}/toplinks/Donations.png"alt="Donations"  title="Donations" />Donations</a></li>
                                                                       <li><a href="http://cryptic-servers.info"><img src="{$theme['imgdir']}/toplinks/Sourcebans.gif"/>Sourcebans</a></li> </div>



					<li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.png" alt="" title="" />{$lang->toplinks_search}</a></li>
					<li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.png" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
					<li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$theme['imgdir']}/toplinks/calendar.png" alt="" title="" />{$lang->toplinks_calendar}</a></li>
					<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$theme['imgdir']}/toplinks/help.png" alt=""  title="" />{$lang->toplinks_help}</a></li>
                                        
                                       



				</ul>
			</div>
		</div>
		<div id="content">
			<div id="panel">
				{$welcomeblock}
			</div>
		<hr class="hidden" />
		<br class="clear" />
			{$pm_notice}
			{$bannedwarning}
			{$bbclosedwarning}
			{$unreadreports}
			{$pending_joinrequests}
			<navigation>
			<br />

My header code.
Idk if this is allowed and if it isnt i will immeadiatly remove it..but my forum url so you can see what i mean.
cryptic-servers.com they are the "Donate" and "Sourcebans" buttons

its because you are using a separate <div> section for those two buttons. If u use a separate div section, it will be like that only. try avoiding that.

Try this:

<div class="menu">
  <ul>
    <li style="float:left">
      <a href="http://cryptic-servers.com/donate.php?action=donate">
        <img src="images/just-dark/toplinks/Donations.png" alt="Donations" title="Donations">  
      Donations
      </a>
    </li>
    <li style="float:left">
      <a href="http://cryptic-servers.info">
        <img src="images/just-dark/toplinks/Sourcebans.gif">
       Sourcebans
       </a>
    </li>
    <li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.png" alt="" title="" />{$lang->toplinks_search}</a></li>
                     <li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.png" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
                     <li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$theme['imgdir']}/toplinks/calendar.png" alt="" title="" />{$lang->toplinks_calendar}</a></li>
                     <li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$theme['imgdir']}/toplinks/help.png" alt=""  title="" />{$lang->toplinks_help}</a></li>
  </ul>
</div>