User Rank image not centered

[mobosix]

I seem to be having a problem with my user rank image not being centered. I've attached a screen shot of it and here is the code in my postbit_legacy up to and including my user title and rank codes...

$template_hook[postbit_start]

<table id="post$post[postid]" class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center">
<tr>
    <if condition="$show['announcement']">
        <td class="thead" style="font-weight:normal; border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]" colspan="2">
            <img class="inlineimg" src="$stylevar[imgdir_statusicon]/post_$post[statusicon].gif" alt="$post[statustitle]" border="0" />
            <phrase 1="$post[startdate]" 2="$post[enddate]">$vbphrase[x_until_y]</phrase>
        </td>
    <else />
        <td class="thead" style="font-weight:normal; border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-$stylevar[right]: 0px" $post[scrolltothis]>
            <!-- status icon and date -->
            <a name="post$post[postid]"><img class="inlineimg" src="$stylevar[imgdir_statusicon]/post_$post[statusicon].gif" alt="$post[statustitle]" border="0" /></a>
            $post[postdate]<if condition="!$show['detailedtime']">, $post[posttime]</if>
            $post[firstnewinsert]
            <!-- / status icon and date -->
        </td>
        <td class="thead" style="font-weight:normal; border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-$stylevar[left]: 0px" align="$stylevar[right]">
            &nbsp;
            <if condition="$show['postcount']">#<a href="showpost.php?$session[sessionurl]p=$post[postid]&amp;postcount=$post[postcount]" target="new" rel="nofollow" id="postcount$post[postid]" name="$post[postcount]"><strong>$post[postcount]</strong></a></if>
            <if condition="$show['inlinemod']">
                <input type="checkbox" name="plist[$postid]" id="plist_$postid" style="vertical-align:middle; padding:0px; margin:0px 0px 0px 5px" value="$post[checkbox_value]" />
            </if>
        </td>
    </if>
</tr>
<tr valign="top">
    <if condition="is_member_of($post, 15)">
        <td class="postbitbg1" width="175" style="border: $stylevar[cellspacing]px solid $stylevar [tborder_bgcolor]; border-top: 0px; border-bottom: 0px id="td_post_$post[postid]">
        <else />

        <if condition="is_member_of($post, 16)">
        <td class="postbitbg2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar [tborder_bgcolor]; border-top: 0px; border-bottom: 0px id="td_post_$post[postid]">
        <else />

        <if condition="is_member_of($post, 6)">
        <td class="postbitbg3" width="175" style="border: $stylevar[cellspacing]px solid $stylevar [tborder_bgcolor]; border-top: 0px; border-bottom: 0px id="td_post_$post[postid]">
        <else />
 
        <if condition="is_member_of($post, 18)">
        <td class="postbitbg4" width="175" style="border: $stylevar[cellspacing]px solid $stylevar [tborder_bgcolor]; border-top: 0px; border-bottom: 0px id="td_post_$post[postid]">
        <else />

        <if condition="is_member_of($post, 19)">
        <td class="postbitbg5" width="175" style="border: $stylevar[cellspacing]px solid $stylevar [tborder_bgcolor]; border-top: 0px; border-bottom: 0px id="td_post_$post[postid]">
        <else />

        <if condition="is_member_of($post, 20)">
        <td class="postbitbg6" width="175" style="border: $stylevar[cellspacing]px solid $stylevar [tborder_bgcolor]; border-top: 0px; border-bottom: 0px id="td_post_$post[postid]">
        <else />

        <td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px"></if></if></if></if></if></if>

<div align="center">
            <div id="postmenu_$post[postid]">
            
            $template_hook[postbit_userinfo_left]

            <if condition="$show['avatar']">
                <div class="smallfont">
                    &nbsp;<br /><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
                </div>
            </if>

<if condition="$show['profile']">
                <a class="bigusername" href="member.php?$session[sessionurl]u=$post[userid]">$post[musername]</a>
                <script type="text/javascript"> vbmenu_register("postmenu_$post[postid]", true); </script>
                <else />
                $post[musername]
                </if>    
            </div>
<if condition="$post[field5] != ''"><div class="smallfont"><i>$post[field5]</i></div></if>
            [COLOR=DarkRed]<if condition="$post['usertitle']"><div class="smallfont">$post[usertitle]</div></if>
            <if condition="$post['rank']"><div class="smallfont">$post[rank]</div></if>[/COLOR]

Does anyone see what is causing it not to center?

Thanks.

[cellarius]

Link would be helpful to look at the actual html source code.

Anyway, try to replace this

            <if condition="$post['usertitle']"><div class="smallfont">$post[usertitle]</div></if>
            <if condition="$post['rank']"><div class="smallfont">$post[rank]</div></if>

with

            <if condition="$post['usertitle']"><div class="smallfont">$post[usertitle]</div><br /></if>
            <if condition="$post['rank']"><div class="smallfont">$post[rank]</div></if>

The image seems to be pushed to the left by the text, so all there's needed seems to be a line break.

[mobosix]

My site is live, so I did not leave the rank images up. Adding that line brake did not do the trick. It's moved down one line, but still not centered. I've left the image up so that someone can look at the source code for it if they need/want to.

The image can be seen in Post #2

[mobosix]

Okay, never mind. It appears that having a secondary user group is what is throwing it off. I guess that would lead me to ask the question, is it possible to add an ALT property to the image?