We are aware of the issue with Chrome 19 which is causing 2px extra column width per column for both GXT 2 and 3. It is related to this bug http://code.google.com/p/chromium/is...tail?id=124816. We have a fix for both GXT 2 and 3 and will be pushing out a new release for both 2 and 3 very soon.
I will just describe what I have done. Maybe it will help.
1) we have two CSS files in index.html head: <link type="text/css" rel="stylesheet" href="gxt/css/gxt-all.css?v=26ae8557c29af4de1160d07ead7e93d0" />
<link type="text/css" rel="stylesheet" href="gxt-myapp.css?v=310337fdcd247287cb8f699b44fbf272" />
2) the second one (gxt-myapp.css) is default layout override.
3) we have put the following code on the end of first file - gxt-all.css
okay, so I moved it to the end of the sencha .css, as you suggested - rather than in my-app.css.
so, that has sorted the first of my 2 grids. But my second one, which in fact shows the detail of the previous list (that your css change fixed) is still wrong:
As you can see from the attached screenshot its more complicated with HeaderGroups, images and buttons. But it used to work fine prior to the chrome update, and still works great in Safari and FF.