Individual row borders?

[snoopy75]

How come this won't work?

<STYLE>
.row_over {
	BORDER: 1pt solid black;
	BACKGROUND-COLOR: #FCC552;
}
.row_out {
	BORDER: none;
	BACKGROUND-COLOR: #FFFFFF;
}
</STYLE>

...

<table>
  <tr onmouseover=&quot;this.className='row_over';&quot; onmouseout=&quot;this.className='row_out';&quot;>

...

The background color changes, but I get no border. How come? This works if I use it on individual cells, but I'd like to put a border around an entire row onMouseOver. Any ideas? Thanks!

--Ryan

 

[dwarfthrower]

Are you using IE, because although W3C says that the css 'border' attribute applies to all elements, Microsoft says it doesn't apply to <tr>

http://www.w3.org/TR/REC-CSS1.html#border

http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/border_0.asp

 

[snoopy75]

How rude... Thanks anyway. ;-)