[RESOLVED] CSS Issue Again :(

[RobDog888]

Ok, seems I forgetting the correct way to do this again.

I want to change the background color of a td cell upon the hover of it or the hover of the a tag.

Thanks

<tr style="WIDTH: 140px; HEIGHT: 12px">
    <td class="menu-s" style="BORDER-RIGHT: #b22222 1px solid; BORDER-LEFT: #b22222 1px solid; WIDTH: 140px; COLOR: #b22222; HEIGHT: 12px"
         vAlign="top" align="left" bgColor="#eeeeee" height="12"><a class="menu-s" href="#">Home</a>
    </td>
</tr>

.menu-s td:hover, td a:hover {
	text-decoration:	underline;
	color:	#ffffff;
	background-color: #b22222;
    }	
	
.menu-s A:link	{	
	text-decoration:	none;
	color:	#b22222;
	}	
		
.menu-s A:visited	{	
	text-decoration:	none;
	color:	#b22222;
	}	
		
.menu-s A:active	{	
	text-decoration:	none;
	color:	#ffffff;
	background-color: #b22222;
	}	
		
.menu-s A:hover	{	
	text-decoration:	underline;
	color:	#ffffff;
	background-color: #b22222;
	}