Let me explain the problem:
Various pages of my web application contain jQuery UI tabs which display a jqGrid on one of their tab pages. Each of these jqGrids has several buttons (Add, Edit, etc) in its Navigation bar. The issue is that when the user hovers over one of the buttons, the text for each button in the navbar moves approximately 1 pixel to the right and 1 pixel down.
This is only happening with jqGrids inside tab pages - buttons on other grids in the application work just fine (IE, the button text does not move when the user hovers over the button).
I have added code to the tab show() event to only initialize a jqGrid when the tab page is displayed for the first time, instead of just initializing the jqGrid in the ready event. But this does not seem to have any effect.
Any ideas?