Scroll to a DIV within another DIV

[LLLLLLL]

The HTML is below. I'm struggling to find an easy jQuery way to scroll to a given row (classes abc, def, xyz). I've tried various versions of scrollTop, offset, offsetParent, and more. All to no avail.

 

The cart_item_wrapper is 150px tall, and it exists to allow the "cart_items_table" to show its items in a scrollable manner. What is the best way to scroll to a div in a div?

<div id="cart_item_wrapper">
	<table id="cart_items_table">				
	<tbody>
		<tr class="abc" style=" ">
			<td class="icon_col"></td>
		</tr>
		<tr class="def">
			<td class="icon_col"></td>
		</tr>
		<tr class=”xyz”>
			<td class="icon_col"></td>
		</tr>
		<tr>
			<td class="icon_col"></td>
		</tr>
		<tr>
			<td class="icon_col"></td>
		</tr>
	</tbody>
	</table>
</div>

[codefossa]

$.scrollTop() and you can use it in $.animate() if you want it to actually look like you're scrolling, rather than just appear there.

[LLLLLLL]

What is the exact code? As I mentioned, I have already tried scrollTop and various others. None of them worked. If I want to scroll to the xyz row, what is the code?