Panel has gray line between Header and Body

[VlakatafakatA]

When i add a gradient to the panel header, it automatically puts a grey 1 pixel line to separate the body and header.

my style looks like this

backgroundColor: #FFFFFF;
border-alpha: 1;
borderColor: #FFFFFF;
cornerRadius: 10;
fontAntiAliasType: advanced;
headerHeight: 39;
paddingBottom: 5;
paddingLeft: 5;
paddingRight: 5;
paddingTop: 5;
drop-shadow-enabled: true;
shadowDistance: 1;
shadowDirection: right;
headerColors: #c4d8f5, #ffffff;
roundedBottomCorners: true;

and here is a picture with the problem.

I've tried all i can to fix this and making a custom swf skin is not an option. Has anyone come across the same problem and have had success fixing it?

[MattJohnson]

I saw a video that had some info on CSS and skins.
I cannot find the url to the video (ARGH!).
(it was somewhere on YouTube and it had the AdobeDevopler intro on the video. It was a wide-n-tall guy with a crewcut in front of a laptop. I looked but could not find it again.)
At any rate, I found a URL with some of the same info on it..

try this:
open your style.CSS file (in flex)
Click the “Edit Scale Grid” at top right corner of your workspace.
Adjust the bottom dotted line, moving it slightly ABOVE your gray line.
save and check that out and see if it works for you.

Here is a page with some screenshots on various way to do this:
(flex section is about halfway down)
http://ntt.cc/2008/06/11/using-flexbuilder-3-and-flash-cs3-to-build-your-skin-in-flex-kingnarestyle-skin-produce-introduction.html

Hope it helps!