relative height problem with HTML

Well, I give up...I thought my code was good, until I tested it on IE. FireFox gives me the result I want, but IE doesn't. I am trying to make two images' height 100% of the table cells they are in. When I set the height ="100%", the images just dissapear. Strange thing is, I have a different image in the same document that I set to be 100% the height of its cell, and that works fine. Anyone have an idea what's going on? I feel like this should be simple... :confused:

Like I said, FireFox doesn't give me this problem, IE just doesn't seem to want to cooperate.:(

Here's the code that is giving me problems:

Code:

---

<table bgcolor="white" width="580" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="570" colspan="3">
<img src="top1.bmp" width="580" height="35">
</td>
</tr>
<tr>
<td width="5">
<img src="boxleft.bmp" width="5" height="100%">
</td>
<td>
<br><font face="Arial" size="1">My text goes here</center></font>
</td>
<td width="5"><img src="boxright.bmp" width="5" height="100%"></td>
</tr>
<tr>
<td colspan="3">
<img src="bottomleft.gif" width="5" height="5"><img src="boxbottom.bmp" height="5" width="570"><img src="bottomright.gif" width="5" height="5">
</td>
</tr>
</table>

---

I'm not much of a table-guy so I can't help you with that. It might be the .bmp though, use png, jpg or gif for images on the web.

As an alternative I would like to present you CSS background images.

You could use a div element for example and give that a background-image:

html:

Code:

---

<div id="rightbox">blabla</div>

---

Code:

---

#rightbox{
  background-image: url(boxright.jpg);
}

---

You can set the dimensions of the div and the background will repeat

Thanks for the suggestions, Ill give them a try.

I normaly just use bitmaps when I develop my sites, so that I dont have to worry about compressing the images...I leave this until I publish the site, but Ill try changing the format as per your suggestion.

Thanks again.

Using the CSS should work but if you're not worried about being fully compliant you should just be able to set that td's bgimage

Code:

---

<td bgimage=boxleft.bmp>&nbsp;</td>

---