Achtergrond in TD met Css

De titel zegt het al. Ik wil een achtergrond in een td. Niet gaan zeggen dat ik met div's moet werken want dat weet ik nou ook wel,

Ik heb nu dit:

	<TD class="headermouseout" onMouseover="this.className='headermouseon';" onMouseout="this.className='headermouseout';" >
	Home</TD>

Css(externefile):

.headermouseout {
    background-image: url(images/paars.jpg);
	background-repeat: no-repeat;
	background-position:  right top;
    height: 20px ;
    padding-left: 9px;
    margin-right: 10px;  
	width: 100px;
	text-align: left;

	border: 0px solid #FFF;
	color: #FFF;
	font-family: Arial;
	font-weight: Bold;
	font-size: 9pt; 
	text-decoration: none
}

.headermouseon {
    background-image: url(/images/bg_tab_off2.gif);
	background-repeat: no-repeat;
	background-position: top right;
    height: 20px ;
	width: 100px;
	padding-left: 9px;
 	text-align: left;
	background-color: #000;
	border: 0px solid #FFF;
	color: #FFF;
	font-family: Arial;
	font-weight: Bold;
	font-size: 9pt; 
	text-decoration: none;
}

Hij geeft nu geen achtergrond plaatje. Ik krijg het maar niet voor elkaar. Wie ziet de fout, of verbetering?