Thumbnail & browse_nick alignment in IE

Working on this and have it almost done, just getting stuck here on trying to line up the last part.  Specifically, getting the nickname (browse_nick) to appear under the thumbnail instead of beside it.  In FF we are fine, it's where it needs to be, but in IE7 it is lining up beside it instead.  Any ideas on how to bring it where it needs to be?

Here are screen shots:  Firefox is first:

Next up, we get to look at IE7. 

As you can see, it's resolving completely differently between the 2 browser.  Now, the code that controls this:

function GenElementHtml($aData, $sType, $sVoteType, $sActionFile) {
 global $site;
 global $tmpl;
 global $dir;

 $php_date_format = getParam( 'php_date_format' );

 switch( $sType ) {
  case 'profile':
   //$sOnline = getProfileOnlineStatus( $aData['is_onl'] );
   $sThumb = get_member_thumbnail($aData['ID'], 'none' );
   $sLink = getProfileLink($aData['ID']);
   $sTitle = $aData['NickName'];
   $sCode = <<<EOF
   <div class="browse_thumb">
     {$sThumb}
    <div class="browse_nick">
     <a href="{$sLink}">{$sTitle}</a>
    </div>
   </div>
EOF;
  break;

CSS that has been attempted to deal with this:

.browse_thumb {
float:left;
margin:0px 12px 10px 0px;
position:relative;
height:135px;
text-align:center;
}

.browse_nick
{
position:relative;
text-align:center;
height:15px;
}

Ideas that will make IE & FF resolve the same, as they are in the FF image are greatly appreciated.

Not sure, but have you tried and added some width, to this: .browse_thumb

try and set width = max_thumb_width + 12

Your a genius OKWeb.  That did the trick.

.browse_thumb {
float:left;
margin:0px 12px 10px 0px;
position:relative;
height:135px;
text-align:center;
width:147px;

}

Worked like a dream.  I had been trying width equal to the width of the thumbnails, hadn't tried the + 12 to it. 

Thanks a million.