Inte rakt?

Har gjort en profileinfo längst upp på min sida som ser ut såhär:

<span class="smallfont">
<?if ($CURUSER) {?><b><a href="userdetails.php?id=<?=$CURUSER['id']?>"><font color=#ffffff><?=$CURUSER['username']?></a>
<?php echo $connectable; ?></font></b><?=$medaldon?>
<?=$warn?>&nbsp; 
<b><font color=#ffffff><a href="my.php"><font color=#ffffff>Profile</font></a> | 

</font>
<?php echo "$leech $x2"; ?>
<font color=#ffffff><? print("" . STATUSBAR_RATIO . ""); ?> <?=$ratio?>&nbsp;|&nbsp;
<? print("" . STATUSBAR_UPPLADDAT . ""); ?><?=$uped?>&nbsp;|&nbsp; 
<? print("" . STATUSBAR_NEDLADDAT . ""); ?><?=$downed?><? if (get_user_class() >= UC_USER) {?>&nbsp;|&nbsp;
<img src="../pic/profilebar/bonus.png"> <?=$bonus?>p<? } ?> | 
<?php echo "<b>$datum[hours]:$datum[minutes]"; ?></font></span><?}?></b>

Den omges av ett antal div-taggar som gemensamt bildar en stor profilebar.
Mitt problem är nu detta:
Linjen blir inte "rak".
T.ex så blir dom 2 första värdena och bilder på "rätt" höjd,
sedan blir varje <? print("" . STATUSBAR_RATIO . ""); ?> på fel höjd (ca 2 px upp).

Däremot varje <?=$ratio?> som kommer efter, blir på rätt höjd.
Har kollat, och koden är identisk överallt, så det är ingenting som skiljer dom åt.
Bilderna är alla 16 px höga, och försöker jag höja dom så flyttas hela raden.
Varför kan jag inte få alla att ligga i samma höjd?
Har försökt lägga en table runt, men på grund utav stort antal tables innan,
så vill det inte bli riktigt.

Hade hoppats på att <div skulle ha en valign , men det gick inte.
Någon som har någon bra lösning?

( Bifogar bild på resultatet )

Hmm..

Visa upp koden som genereras istället för php-koden så blir det lättare att hjälpa dig ;)

<div id="topbar"><div class="srapper"><div class="left">
<span class="smallfont"><b>
<a href="userdetails.php?id=2"><font color=#ffffff>SoulGod</a></font></b> 
<img src=pic/star.png alt=Donatör title=Donatör align="absmiddle">&nbsp; 
<b><font color=#ffffff><a href="my.php">
<font color=#ffffff>Profile</font></a> | </font>
 <font color=#ffffff><img src='../pic/profilebar/ratio.png'>  
<font color=#ffffff>9.696</font>&nbsp;|&nbsp;
<img src='../pic/profilebar/ul.png'> 172.73 GiB&nbsp;|&nbsp; 
<img src='../pic/profilebar/Dl.png'> 17.81 GiB&nbsp;|&nbsp;
<img src="../pic/profilebar/bonus.png"> 1,174p | <b>17:24</font></span></b>

</div>
<div class="boeng">
<span class=smallfont>
<a href=message.php?action=viewmailbox><img style=border:none alt=Inkorg title=Inkorg src=pic/pn_inbox.gif></a></span>
<span class=smallfont>&nbsp;&nbsp;
<a href=message.php?action=viewmailbox&box=-1>

<img style=border:none alt=Utkorg title=Utkorg src=pic/pn_sentbox.gif></a></span>&nbsp;
<a href=friends.php><img style=border:none alt=Vänner title=Vänner src=pic/buddylist.gif></a>&nbsp;
<a href=users.php>
<img style=border:none alt=Användare title=Användare src=pic/users1.gif></a>&nbsp;
<a href=rss.php>
<img style="border: 0px; padding-top: 3px;" alt=RSS title=RSS-Feeds src=pic/rssf.gif></a>&nbsp;&nbsp;
<a href=logout.php>
<img style="border: none;" alt=Loggaut title=Loggaut src=pic/loggaut.png /></a></div></div></div>

Lägg till align="absmiddle" på dina <img>'s.

Hur fan kunde jag missa något så enkelt *skäms*

Dock är det inte perfekt .. ( tyvärr ) :P
Känns som texten är 1 px för långt upp.
Testade att lägga en margin ovanför på diven, men då flyttades även bilderna.

Finns det någon liknande lösning för text, eller ska jag låta det vara? :P

Prova att lägg margin-top: 1px på bilderna.

Löste det!

Tack som tusan till alla!!!