Rounded Corners in Firefox

[Tig]

I'm having an issue:

In IE my sidboxes and other boxes for this site are showing fine, but in FireFox the top / bottom 'left' corners aren't showing.

Here's the relevant css:

.leftBoxContainer, .rightBoxContainer {
	background-color: #D3E0EE;
	margin: 0em;
	/*border: 1px solid #000000;*/
	/*border-bottom: 5px solid #336633;*/
	margin-bottom: 5px;
	}

.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
	margin: 0em;
	background:url(../images/top_right.gif) top right no-repeat;
    padding-top: 5px;
	height: 15px;
	/*padding-bottom: 0.2em;*/
	}

.leftsidetop {
  background:url(../images/top_left.gif) top left no-repeat;
  }

.leftsidebottom {
  background:url(../images/bottom_left.gif) bottom left no-repeat;
  }

... and the php:

<div class="leftBoxContainer" id="<?php echo str_replace('_', '-', $box_id ); ?>" style="width: <?php echo $column_width; ?>">
<span class="leftsidetop"><h3 class="leftBoxHeading" id="<?php echo str_replace('_', '-', $box_id) . 'Heading'; ?>"><?php echo $title; ?></h3></span>
<?php echo $content; ?>
<span class="leftsidebottom"><h1 class="leftBoxFooter"></h1></span>
</div>

I modified the same section of the 'Specials', etc boxes that show on the bottom when there are items in that category. What the heck happened? It was working yesterday.

Thank you.

[misty]

Suggest you download Future Zen template from downloads area,
see how rounded sideboxes are constructed.

[Tig]

Here's the thing... when I 'blank out' the sidebox background color it's as if the images aren't even being loaded in Firefox (see images). It worked before, but then I altered the 'Welcome' message and installed the paypal logo and it went all wonky.

I'll check out the template, I was just wondering if my code looked kosher or if there was something else I could do.

[Tig]

UPDATE: I have NO idea why it works, but instead of:

<span class="leftsidetop"><h3 class="leftBoxHeading" id="<?php echo str_replace('_', '-', $box_id) . 'Heading'; ?>"><?php echo $title; ?></h3></span>
<?php echo $content; ?>
<span class="leftsidebottom"><h1 class="leftBoxFooter"></h1></span>

I used:

<div class="leftsidetop"><h3 class="leftBoxHeading" id="<?php echo str_replace('_', '-', $box_id) . 'Heading'; ?>"><?php echo $title; ?></h3></div>
<?php echo $content; ?>
<div class="leftsidebottom"><h1 class="leftBoxFooter"></h1></div>

... and now it works across all browers.