IE doesn't display correctly

[Adrian Schneider]

After 4 hours of staring this problem down, I fixed half of it. It was caused due to PNGs not displaying properly in IE, but theres still the other half to do.

http://www.starcraftdream.com/

Header Template:
<a name="top"></a>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="background: url(images/bluetheme/header/Blue-Terran_02.gif)">
<tr valign="top">
<td>
<table width="652" align="left" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="6" align="left">
<img src="images/bluetheme/header/headermain.jpg" width="652" height="150" alt="" />
</td>
</tr>
<tr>
<td align="left">
<a href="/"><img src="images/bluetheme/header/bt1news.gif" width="95" height="30" border="0" alt="News" /></a>
</td>
<td align="left">
<a href="forums.php"><img src="images/bluetheme/header/bt2forums.gif" width="107" height="30" border="0" alt="Forums" /></a>
</td>
<td align="left">
<a href="league.php"><img src="images/bluetheme/header/bt3league.gif" width="102" height="30" border="0" alt="League" /></a>
</td>
<td align="left">
<a href=""><img src="images/bluetheme/header/bt4bnetstuff.gif" width="133" height="30" border="0" alt="Bnet Stuff" /></a>
</td>
<td align="left">
<a href=""><img src="images/bluetheme/header/bt5downloads.gif" width="130" height="30" border="0" alt="Downloads" /></a>
</td>
<td align="left" width="100%">
<img src="images/bluetheme/header/bt6end.gif" width="85" height="30" alt="" />
</td>
</tr>
</table>
</td>
</tr>
</table>

$spacer_open
$_phpinclude_output

I've tried SEVERAL variations of the HTML to try to get it to work, no luck. Any help would be greatly appreciated. The strange thing is the background image is = to the top half and bottom half added together.

I was originally using this background image (http://starcraftdream.com/images/bluetheme/header/btbg.gif) but changed to another while testing.
Thanks

[Princeton]

try:
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td colspan="6" width="652"><img src="images/bluetheme/header/headermain.jpg" width="652" height="150" alt="" /></td>
<td width="100%" style="background: url(images/bluetheme/header/hback.gif)">&nbsp;</td>
</tr>
<tr>
<td width="95"><a href=""><img src="images/bluetheme/header/bt1news.gif" width="95" height="30" border="0" alt="News" /></a></td>
<td width="107"><a href=""><img src="images/bluetheme/header/bt2forums.gif" width="107" height="30" border="0" alt="Forums" /></a></td>
<td width="102"><a href=""><img src="images/bluetheme/header/bt3league.gif" width="102" height="30" border="0" alt="League" /></a></td>
<td width="133"><a href=""><img src="images/bluetheme/header/bt4bnetstuff.gif" width="133" height="30" border="0" alt="Bnet Stuff" /></a></td>
<td width="130"><a href=""><img src="images/bluetheme/header/bt5downloads.gif" width="130" height="30" border="0" alt="Downloads" /></a></td>
<td width="85"><img src="images/bluetheme/header/bt6end.gif" width="85" height="30" alt="" /></td>
<td width="100%" style="background: url(images/bluetheme/header/hbotback.gif)">&nbsp;</td>
</tr>
</table>
copy the attached files to your bluetheme/header folder
Note: images are 1px width - it will be hard to see .. these are used for the background

oh yea, I recommend recreating the buttons--the font is a bad choice
text not clear -- it needs to be crisp/sharp