Question : Image as link...how to allign to text bottom?

I've got a link that is displayed as an image, and I need it to be valigned to the bottom of the text to the left of it. It appears OK in FF, but IE it is aligning to the top of the text.

Please take a look at the images attached.

Help??

ff.JPG (3 KB) (File Type Details)

Firefox

ie.JPG (4 KB) (File Type Details)

Internet Explorer

         
           
             1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:

           
           
          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
body {
	font-family: Arial, Helvetica, sans-serif;
	}

.maintextimage a:link {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	vertical-align:text-bottom;
	text-decoration:none;
}
</style>

</head>
<body>


<table width="800" align="center"><tr><td>

<table width="100%" border="0">

					  <tr>
						<td class="maintextimage">
						Email: <a href="email.php" rel="gb_page[565, 460]" title="Email"><img src="images/emailaddress.jpg" border="0" class="maintextimage" alt="Email"/></a>

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



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

</body>

</html>
           
         

Answer : Image as link...how to allign to text bottom?

Can suggest you a work around for this type of problem

1. Place a textbox on page with style="display:none"
2. You can set the value to zero, identifying as the div is hidden.
3. When the show div is called set the value of this control to 1. i.e. the control is visible
4. You need to switch the value of text ox between 0 and 1.
5. Place the code at the end of page as
<script type="">
if(document.getElementById('txtboxHidden').value == '1')
{
//Display your Div code here
}
</script>

Hope this will help you