0

Hello, I am having problems displaying a background image in ie. In firefox it looks perfect, but in ie I am having problems displaying the image, it doesn't display at all.

Here is my code:

<table  border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td height="120"  colspan="8" valign="bottom">
			<img src="https://www.rejoovme.com/images/wrapperHEAD_916.gif" alt="RejoovMe Relaxation Center" border="0" usemap="#Map"></td>
	</tr>
	<tr>
		<td background="https://www.rejoovme.com/images/wrapper_nav_left2.gif">
			<img src="https://www.rejoovme.com/images/20x20clear.gif" width="20" height="20"></td>
		<td width="67">
			<a href="https://www.rejoovme.com/benefits.html"><img src="https://www.rejoovme.com/images/benefits_off.gif" alt="" name="benefits" width="67" height="20" border="0" id="benefits" </a></td>
		<td width="53">
			<a href="https://www.rejoovme.com/faqs.html"><img src="https://www.rejoovme.com/images/faqs_off.gif" alt="" name="faqs" width="53" height="20" border="0" id="faqs" ></a></td>
		<td width="91">
			<a href="https://www.rejoovme.com/appointments.html"><img src="https://www.rejoovme.com/images/apps_on.gif" alt="" name="apps" width="91" height="20" border="0" id="apps" ></a></td>
		<td width="56">
			<a href="https://www.rejoovme.com/prices.html"><img src="https://www.rejoovme.com/images/prices_off.gif" alt="" name="prices" width="56" height="20" border="0" id="prices"></a></td>
		<td width="95">
			<a href="https://www.rejoovme.com/expect.html"><img src="https://www.rejoovme.com/images/expect_off.gif" alt="" name="expect" width="95" height="20" border="0" id="expect" ></a></td>
		<td width="53">
			<a href="https://www.rejoovme.com/links.html"><img src="https://www.rejoovme.com/images/links_off.gif" alt="" name="links" width="53" height="20" border="0" id="links" ></a></td>
		<td width="42" background="https://www.rejoovme.com/images/wrapper_nav_left2.gif"><img src="https://www.rejoovme.com/images/20x20clear.gif" width="42" height="20"></td>
	</tr>
	<tr>
		<td height="13" colspan="8" bgcolor="#F47B18" class="contactLINKS" valign="middle">
			<a href="https://www.rejoovme.com/gift.php">Gift Certificates</a>   <a href="https://www.rejoovme.com/media.html">Media</a>   <a href="https://www.rejoovme.com/contact.html">Contact Us</a></td>
	</tr>
	
	
	<tr>
		<td align="center" valign="top" colspan="8"></td>
	</tr>
  </table>
3
Contributors
3
Replies
4
Views
9 Years
Discussion Span
Last Post by raju.raghup
0

Remember that, in IE, the margin, border, and padding are wrongly rendered inside the width and height. This can make the image fail to render because it won't fit.

FF and other standard-compliant browsers put the surrounding styles outside the widths and heights.

0

Oh I actually fixed this by putting the table valign at bottom.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.