Falsche Ausrichtung in der Zelle (nur IE)

[xtc.sanchez]

Hallo Leute,

ich habe ein Problem bei der Ausrichtung eines Bildes in einer Zelle meines templates, das Problem besteht jedoch nur beim Internet Explorer. Firefox etc. zeigen es alle richtig an.

Hier die meiner Meinung nach verantwortlichen Stellen in der CSS und in der index.html:

CSS:
.headerbarleft{
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;  
  background: url(img/bar_02.gif) repeat-x;
  white-space:nowrap;
  vertical-align:middle;
  text-allign: left;
  color:#000000;
}

.headerbarmiddle{
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;  
  background: url(img/bar_02.gif) repeat-x;
  white-space:nowrap;
  vertical-align:middle;
  color:#000000;
}

.headerbarright{
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px; 
  line-height: 1.5;  background: url(img/bar_02.gif) repeat-x;
  white-space:nowrap;
  vertical-align:middle;
  text-align: right;
  color:#000000;
}


background: url({$tpl_path}img/bar_02.gif) repeat-x;white-space:nowrap;vertical-align:middle;color:#e2e1e1;

index.html
<tr>
  <td height="25" align="left" width="4" class="headerbarleft"><img src="bar_01.gif" width="4"/>
</td>
    <td height="25" align="left" class="headerbarmiddle">&nbsp;<a href="{php}echo xtc_href_link('index.php');{/php}">Home</a> | {if 
      $account}{php}if ($_SESSION['customers_status']['customers_status_id'] == 
      1) {{/php}<a href="login.php">{#link_login#}</a> | {php}}{/php}{if $account}{php} 
      if (isset($_SESSION['customer_id'])) { {/php}<a href="{$logoff}">{#link_logoff#}</a> 
      | {php} }{/php}{/if}{/if}{if $account}<a href="{$account}">{#link_account#}</a> 
      | {/if}<a href="{$cart}">{#link_cart#}</a> | <a href="{$checkout}">{#link_checkout#}</a></td>
    <td height="25" class="headerbarmiddle">{$box_SEARCH}</td>
    <td height="25" class="headerbarmiddle">&nbsp;&nbsp;{$box_MANUFACTURERS}&nbsp;&nbsp;</td>
    <td height="25" class="headerbarmiddle">{$box_CART}&nbsp;</td>
	<td height="25" align="right" width="4" class="headerbarright"><img src="bar_03.gif" width="4"/></td>
  </tr>
  <tr> 
    <td width="740" height="500" colspan="6" align="left" valign="top" class="main"> 
      <table width="954" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr> 
          <td colspan="2" style="background-color:#ffffff; height:10px;">&nbsp;</td>
        </tr>
        <tr> 
          <td width="210" valign="top" align="left"> 
            {$box_CATEGORIES}{$box_ADD_QUICKIE} {$box_CONTENT}{$box_LAST_VIEWED}{$box_REVIEWS}{$box_SPECIALS}{$box_WHATSNEW} 
            {$box_ADMIN} {$box_BESTSELLERS} {$box_MANUFACTURERS_INFO}</td>
          <td width="744" valign="top" align="top" style="padding-top:5px; padding-left:30px;padding-bottom:5px;" class="main">{$main_content} 
          </td>
        </tr>
        <tr> 
          <td colspan="2" valign="bottom">
          </td>
        </tr>
      </table></td>
  </tr>
  <tr> 
  <td height="25" align="left" width="4" class="headerbarleft"><img src="bar_01.gif" width="4"/></td>
    <td height="25" colspan="4" align="center" class="headerbarmiddle"><a href="http://www.diexel.net/">diexel.de 2008</a></td>
	<td height="25" align="right" width="4" class="headerbarright"><img src="bar_03.gif" width="4"/></td>
  </tr>

Also speziell:

<td height="25" align="right" width="4" class="headerbarright"><img src="bar_03.gif" width="4"/></td>

Bei der linken Zelle (headerbarleft) funktioniert es ja ohne Probleme, nur rechts (headerbarright) will er das Bild (bar_03.gif) nicht vollständig rechts ausrichten.

Könnt ihr mir helfen? Versuche mich schon stundenlang daran, aber es will nicht funktionieren... Bin schier am verzweifeln...

Hier die Adresse: http://www.diexel.net/diexelsilver

Wäre für jeden Tipp dankbar!!!

lg, sanchez