problem while applying background colors in column header , row header

HI ,
when i apply colors to the column header , row header and the grids i noticed the following

1. the colors appeared to the row header have the default gray outline how to avoid this
2. when a color is applied to the column header , it blinds out the border lines between the column headers
3. when applying colors to the grid , the broder lines between the columns are breaking like "|" and do not appear as a continous border lines
4. the sorting arrows are not visible in the column header when a bcakground color is applied

why does it happen . how to avoid this

Thanks
Arun

You can see the exact HTML of the header element with the following code:

alert(obj.getTopTemplate().getItemTemplate(0));

The header consists of two DIVs: the outer DIV is marked with .active-box-normal class and the inner DIV has .active-box-item class. To get rid of the outline you have to modify colors for both classes.

The colors for the data area are defined by the following classes:

row: .active-grid-row
column: .active-grid-column

If you want continuous vertical lines - you should remove the row borders.

For the images you can try XP skin - it has solid images which may be more visible.