Reducing height of blue mark of selected cells

[blay]

Hello:

I´ve modified the css file in order to set the height of the rows (.x-grid3-row). It works; the problem is that when you select a cell, the mark showing that (a blue rectangle) is higher than the cell. I´ve tried to set it on the CSS, but it doesn´t work. Playing with IE tool developer I´ve found that I can make it higher (as much as I want) but no smaller.

Any idea?

[blay]

I have also a custom paging grid component which allows user to select page size, and resizes to exactly fit the number of results per page selected (without scroll). It works right except when rendering an image in some cell (16x16 image), because the row height increases. I can resize that height by CSS to "normal" height (20px), so the height for the grid is calculated by the same way, but cell height doesn´t "resize", even I modified the CSS file setting the height to 20px manually. So, what happens is that cell keeps the original height (>20px), and last row makes scroll appear.

Here a screenshot.

25125

Thankshttp://www.sencha.com/forum/images/misc/pencil.png