Roll over image.

[vinnie881]

Why does the td not pull the width when i use a rollover image (It does without) Here is the code that does not work

<td align ="left" valign ="middle" class="top_Email">
                                             <a href = "home.aspx" > <img class = "top_Email" src="images/top_Email.jpg"  onmouseover="this.src='images/top_Email_Hover.jpg'" onmouseout="this.src='images/top_Email.jpg'" alt="tlft" width="24" height="24" /></a></td>

here is the html that works with the rollover and the td size I want, but it tells me specifying the width is outdated. I am not concerned that this method is outdated, I'm just concerned why it doesn't work the other way?

<td align ="left" valign ="middle" class="top_Email" width = "160">
                                             <a href = "home.aspx" > <img class = "top_Email" src="images/top_Email.jpg"  onmouseover="this.src='images/top_Email_Hover.jpg'" onmouseout="this.src='images/top_Email.jpg'" alt="tlft" width="24" height="24" /></a></td>

and here's the css

.top_Email
{
	background-image: url(../images/topcrnr_bg.jpg);
	background-repeat: repeat-x;
	width: 160;
	border: 0;
}

Thanks

 

[kulrom]

this
width: 160;

should be

width: 160px;