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>

Recommended Answers

All 3 Replies

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.

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

If they are Background images U can write css

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, learning, and sharing knowledge.