Help - CSS EI7 Problem - (Mini Panel rounded style )

I put IE8 into IE7 browser mode and used the IE development tools to try to track things down. I compared this to Firefox / Firebug.

The best I could do was find that it is related to the background on div class rounded-shadow-background.

For some reason the background does not stretch as far in IE as it down in FF. In fact, the div is not as big in IE - I think that is the problem. Yes, I have just compared IE7 to IE 8 and that div is bigger in IE where the background is ok.

I do not have a fix for that. - possible fix below

The background image also looks different between FF and IE (7 & 8). It is a solid background in FF and has a fade and lines across in IE.

Have you tried searching the panels issue queue?

Same problem but no fix:
http://drupal.org/node/903748
http://drupal.org/node/906520
http://drupal.org/node/862558

The last one has a possible fix but someone else says it does not work.

I had a try at one thing in IE:

div.rounded-shadow-background {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

This seemed to work in IE 8 in IE 7 browser mode. I have not checked it further (other browsers, how it interacts with other blocks). You may be able to implement it as a browser specific style.

It does not overcome the faded background problem though.