Another IE/FF problem. Please help me solve it :)

It looks fine in FF, but not IE..See below...

Firefox



IE



Partial code:

    <td width="220" height="100%" bgcolor="#b00c0c" border="0" valign="top">
	<table width="220" valign="top" border="0" height="100%" align="right" cellpadding="0" bgcolor="#b00c0c" cellspacing="0">
  <tr>
    <td height=35" valign="top" class="ads"> </td>
  </tr>
  <tr valign="top"  height="100%" border="0">
    <td height="100%" valign="top" border="0" class="google_container"><div align="left"> &nbsp; 
{if $category.ID eq 0 and not $p}
{include file="googlead.tpl"}
{else}
{include file="googlead.tpl"}
{/if}
	</div></td></tr><tr><td height=35" valign="bottom" class="ads2"> </td></tr>
  
</table>

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

Code (markup):

CSS

.ads {
	background: url(images/ads.gif) no-repeat center top;
	padding: 0 0 0 0;
	text-align: center;
	
}
.ads2 {
	background: url(images/ad-bottom.png) no-repeat center bottom;
	padding: 0 0 0 0;
	text-align: center;
	
}
.google_container {
	padding: 0 20px 20px 20px;
	background-color: #B00C0C;
	}
}

Code (markup):

Any help would be appreciated

 

Does this PNG...

background: url(images/ad-bottom.png) no-repeat center bottom;

have a transparent background? If so, there's your problem. IE v5.5 and v6 don't natively support transparent PNG's (they will just show a grey block as the background). Try saving it as a GIF instead. Or, if you must use PNG, there are workarounds you can use. Just do a search for IE transparent PNG in Google to see different methods people have come up with.