Can this text and image be aligned any better?

[aaron118]

In opera I get my desired look, but in firefox and IE you can see the text and image aren't exactly aligned. Is it possible to make it a little neater?

Here is my html for that column:

<td class="column2" width="37%" valign="top"><img alt="" src="/customers/images/expired.gif" align="middle" /> <b><font color="#df0000">Expired: {$expiry_date}</font></b></td>

And the css used:

.column2 { 
	margin: 0;
	padding: 5px;
	text-align: left;
	background-color: #cbcbcb;
	border: 0;
	vertical-align: middle;
}

Thanks

[materix]

Have you tried splitting the cell into two cells, so that the image and text are in seperate cells?

<td class="column2" valign="top" width="37%"><img alt="" src="/customers/images/expired.gif" align="middle"></td><td><b><font color="#df0000">Expired: {$expiry_date}</font></b></td>

[Nadia P]

I think it's because of that little icon that you are using, .... see if this 'vertical-align: bottom' article helps.
http://meyerweb.com/eric/css/tests/css2/sec10-08b.htm

Nadia