Firefox with border-radius: background not rounded?

[Xarkurai]

Hello everyone.

I am working on a new design for my website and I bounced on a small problem in firefox.
I am using css3 to code it but apparently the border radius bugs out. By all means, the border is round but the background is still there and left unedited.
Did anyone had a similar problem and if you got it fixed, how did you do?
I appreciate any help.

Code Select Expand


.windowbg
{
color: #c6c6c6;
background: rgba(100, 100, 100, 0.20) repeat;
border: 1px solid #000000;
margin-bottom: 3px;
border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;


I also attached an image.

Thanks,

- Xarwin

[Ricky.]

From attached image, I can see it is being rounded however, there is something else in background which is visible and is with square corners .

[Xarkurai]

For some reason, when I take the background to black (background: "000000) it doesn't show any rounded corners at all in firefox.
I don't quite get this. With RBGA it has round corners but leaves a square background.
Any suggestions? There is no other under it.

Edit : I found that windowbg2 is causing the ugly bug. Damn.. Didn't want to touch the boardindex.