I need the background image of a table cell to be aligned as
Top in vertical side - Right in Horizontal
But it is displaying as,
Center in Vertical side ; Right in Horizontal
Take a look at this page: http://www.chemfluence.org.in/monetarist/index_copy.php
Here is my code,
<td width="178" rowspan="3" valign="top"
align="right" background="images/left.jpg"
style="background-repeat:no-repeat;background-position:right;">
</td>
if i use background-position:Top; it is center aligned Horizontally please let me know which should be corrected.
use like this your inline css
<td width="178" rowspan="3" valign="top"
align="right" background="images/left.jpg"
style="background-repeat:background-position: right top;">
</td>
This works in IE9 (Compatibility View and Normal Mode), Firefox 17, and Chrome 23:
<table>
<tr>
<td style="background-image:url(untitled.png); background-position:right 0px; background-repeat:no-repeat;">
Hello World
</td>
</tr>
</table>
Source: Stackoverflow.com