jQuery Grid Plugin - jqGrid

Hi,

I'm experiencing a problem when when the user clicks on a column header (say "First Name") to sort the grid by this field.

The sort (up and down) icons appear next to the header text, but then the text drops and is positioned below the line of the icons.

I've tried to find the relevant CSS and found the following clue. When the sort icons are displayed, the container for the header text and the icons increase in height. This container is then vertically centered in it's parent container.  Finally, the text seems to stick to the lower part of the inner container, while the icons are centered / at the top.  I've tried applying vertical-align: middle but it had no effect.  This is about as far as I got on my own.

I haven't seen this problem in the forum or the net. Is this a known or new issue? Is this a configuration problem?  My CSS is standard from ThemeRoller.

The problem occurs in IE 7 (which is the target browser for our app). I know not whether it's relevant to other browsers.

Also important to not is that the grid is set to RTL.

BTW, the Grid is excellent and I've received good feedback from management for using it, Thanks!

Roman