IE display Problem

Hey everyone, i have a little problem coding correct for firefox and IE

If you view the site in Firefox and then IE you will see what exactly my problem is.
http://www.anachrony.net/

The code for the boxes are as follow, it may not be the expert coding, but well iam still learning, so please forgive me if its not perfect.

I personally think that IE Ignore 1 table or so. Is there any Workaround to make it display correct in both browsers?

<table cellpadding="0" cellspacing="0" width="100%">
<tr><td class="rank_r">{$rank}</td>
<td class="rank_t"><h3 class="table_top_title"><a href="{$list_url}/index.php?a=out&amp;u={$username}" target="_blank" title="{$title}"><strong>{$title}</strong></a></h3></td></tr></table>

<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="rank_c">

<table width="100%" border="0" align="left" cellpadding="1" cellspacing="1">
  <tr>
<td width="471" valign="top"><center><img src="{$banner_url}" alt="{$title}" border="0" /></center></td>
<td valign="middle"><div align="center" style="color: #32B067;">In:<br />
<span style="font-size: 14pt;">{$unq_in_0_daily}</span></div></td>
<td valign="middle"><div align="center" style="color: #1673BB;">Out:<br />
<span style="font-size: 14pt;">{$unq_out_0_daily}</span></div>
</td>
</tr>
</table>

<br />

<table width="100%" border="0" align="left" cellpadding="1" cellspacing="1">
  <tr>
<td width="50%" valign="top"><b>Description</b><br />{$description}</td>
<td valign="middle"><img src="images/dots-v.png" alt="" border="0" /></td>
<td width="50%" valign="top"><b>Visitor Review</b>{$last_review} ( <a href="http://www.anachrony.net/index.php?a=rate&amp;u={$username}"> <i>Write a Review</i> </a> )

<br /><br />
<span style="float: right;">
<span style="padding-right: 10px;">
<a href="{$list_url}/index.php?a=out&amp;u={$username}" target="_blank" title="Visit {$title}"><img src="images/visit.jpg" alt="Visit {$title}" /></a></span>
<a href="{$list_url}/index.php?a=stats&amp;u={$username}"><img src="images/info.jpg" alt="More Info" /></a>
</span>

</td>
</tr>
</table>

</td>
</tr>
</table>
<br />

Code (markup):

Thanks,
Seb

 

Basti..

Your site looks good on FF and IE is misaligned. I can suggest you a site to check your browser compatibility on multiple OS. Check http://browsershots.org/ you can sort out your issue..

-- Dave.

 

Hey dave, yer i know that website and i use it alot, but before checking there i need to fix my problem on my OS and make it display corret before checking for other browsers and OS´s.
And i think browsershots dont deliver solution to make a site browser compatible, do they?

Do you have a solution to the misaligne in IE?

Seb