I have the need for a button to be displayed ONLY in IE6. This site
will run locally on the hosting machine only. I want the button to
be a rectangle, and have a beveled edge. The text in the center of
the button cannot be part of the gif as it will be determined by a
database. I have split a rectangular gif into 5 pieces, and the put
each piece in a table (copy/pasted below).

What I am unable to figure out, is how to change the beveling
portions of the table to give it the look of depressing into the
screen (OnClick), while also changing the color of the text.

___________________________________________________________

<table border="0" cellpadding="0" cellspacing="0" width="215">
<tr>
<td><img src="images/spacer.gif" width="15" height="1" border="0"
alt=""></td>
<td><img src="images/spacer.gif" width="185" height="1"
border="0" alt=""></td>
<td><img src="images/spacer.gif" width="15" height="1" border="0"
alt=""></td>
<td><img src="images/spacer.gif" width="1" height="1" border="0"
alt=""></td>
</tr>

<tr>
<td colspan="3"><img name="Button_Up_Top"
src="images/Button_Up_Top.gif" width="215" height="15" border="0"
alt=""></td>
<td><img src="images/spacer.gif" width="1" height="15" border="0"
alt=""></td>
</tr>
<tr>
<td rowspan="2"><img name="Button_Up_Left"
src="images/Button_Up_Left.gif" width="15" height="85" border="0"
alt=""></td>
<td valign="middle" align="center" bgcolor="#68788c"><font
color="#FFFFFF" size="5" face="Copperplate Gothic Bold">Button
Text</font></td>
<td rowspan="2"><img name="Button_Up_Right"
src="images/Button_Up_Right.gif" width="15" height="85" border="0"
alt=""></td>
<td><img src="images/spacer.gif" width="1" height="70" border="0"
alt=""></td>
</tr>
<tr>
<td><img name="Button_Up_Botom" src="images/Button_Up_Bottom.gif"
width="185" height="15" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="15" border="0"
alt=""></td>
</tr>
</table>