Rounded rectangles CSS in Firefox not working

[His Eminence]

Here's the link:

http://eminence.unrealboards.com/fil...orld/index.htm

The two content boxes labeled "Stuff" and "Introduction" are supposed to have rounded edges on every corner. It works fine in IE, but not in Firefox .9. In Firefox, the Top left and Bottom Left edges are not rounded, even though the Top right and bottom right edges are rounded correctly.

Here's the relevant CSS:

div.rounded { 
 width: 80 px; 
 background: #F3F0F0 url(images/textbox_top_right4.gif) no-repeat top right; 
} 
div.rounded div { 
 background: transparent url(images/textbox_top_left4.gif) no-repeat top left; 
} 
div.rounded div div { 
 background: transparent url(images/textbox_bottom_right4.gif) no-repeat bottom right; 
} 
div.rounded div div div { 
 background: transparent url(images/textbox_bottom_left4.gif) no-repeat bottom left; 
 padding: 5 px; 
}
.td-panel-content {
	background-color: #F3F0F0;
	background-image: url(images/panel_bg.gif);
	background-repeat: repeat-y;
	padding: 0px 10px 10px;
}
.td-panel-content-nopadding {
	background-color: #F3F0F0;
	background-image: url(images/panel_bg.gif);
	background-repeat: repeat-y;
}
.td-text-content {
	background-color: #F3F0F0;
	padding: 0px 12px 12px;
}
.td-text-content-nopadding {
	background-color: #F3F0F0;
}

Why does this happen? Hopefully you can help me. Thanks.

[4n7hr4x]

i dunno what that is but for me to round an edge in fireworks hold the up arrow while drawing ur rectangle