Hiding header mouse over

I am currently using the CSS below to stop the mouse over effect got it on the forum from another post they were doing the same as me disabling the sort so mouse over looks wrong but this css dosn't retain the little border when you mouse over so it still looks wrong but not as bad as before

I have looked at the source code but I can't track down when the header is being defined in the css has anyone else managed to do this?

.active-header-over
{
border-color: #cbc7b8;
background: #d6d2c2!important;
}

.active-header-over .active-box-item
{
border-color: #e2decd;
background: #ebeadb;
}

That dosn't tell me the css that it currently uses to draw the header

I hacked it instead just removed the resizer for now dosn't look as good but it will have to do I have a dead line to meet

The last example with the red header shows exactly what I mean but I just removed the resizer as I said above

.active-header-over
{
border-color: #cbc7b8;
background: #d6d2c2!important;
}

.active-header-over .active-box-item
{
border-color: #e2decd;
background: #ebeadb;
}