Need Help in Rounding the Corners on A Footer Widget Area

Hi

I added a widget footer area to a wordpress template that did not have it, it is working fine but I would like to make the corners on this footer round and need some help with it.

I tried to do it on my own by adding some css code to my style sheet but it doe not work

All help would be appreciated .

Here is the css code and the footer page code.

/*————————————————
—————[FOOTER SIDEBAR]—————–
————————————————*/

#subfooter
{
	width: 950px;
	background: url(images/widget-bottom.png) repeat-x bottom left;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	background-color: #E9E7E3;
	border: 1px solid #C8C8C8;
	clear: both;
}

#subfooter .container
{
	-webkit-border-bottom-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-bottomright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	overflow: hidden;
}

.FooterLeft
{
	width: 230px;
	float: left;
	padding: 2px;
}
H4.widgettitle
{
	color: #5F5E5E;
	font-size: 30px;
	text-transform: lowercase;
	letter-spacing: 0.5px;
	background: url(images/widget-title.png) no-repeat bottom left;
	padding: 14px 5px 11px 25px;
	text-shadow: 1px 1px #FFFFFF;
}
#subfooter .widget UL LI
{
	background: transparent url("images/list-icon.png") no-repeat 0 13px;
	padding: 7px 0 7px 13px;
}
.FooterRight
{
	width: 230px;
	float: left;
	padding: 2px;
}
.FooterCenter
{
	width: 230px;
	float: left;
	padding: 2px;
}
.FooterExtremeRight
{
	width: 230px;
	float: left;
	padding: 2px;
}
#subfooter .FooterLeft .widget
{
	margin-bottom: 10px;
	float: left;
	width: 225px;
	display: block;
	position: relative;
}
#subfooter .FooterCenter .widget
{
	margin-bottom: 10px;
	float: left;
	width: 225px;
	display: block;
}
#subfooter .FooterRight .widget
{
	margin-bottom: 10px;
	float: left;
	width: 225px;
	display: block;
}
#subfooter .FooterExtremeRight .widget
{
	margin-bottom: 10px;
	float: left;
	width: 225px;
	display: block;
}
#subfooter UL
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#subfooter UL LI
{
	/*[empty]list-style-type:;*/
	margin: 0px 0px 2px 25px;
	padding: 1px 0px 0px;
}
#subfooter UL LI A
{
	font-size: 12px;
}
#subfooter .alignright
{
	float: right;
	margin-left: 10px;
	margin-right: 2px;
}
.aligncenter
{
	margin-right: auto;
	margin-left: auto;
}
.alignleft
{
	float: left;
	margin-right: 10px;
	margin-left: 2px;
}

The code for the footer page

</div> <!-- #main-content -->
			</div> <!-- #main-area -->
			<div id="main-area-bottom"></div>
<br>
 <br clear="all" />

<div id="subfooter">
    <div class="FooterLeft">
            <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('FooterLeft') ) : ?>
			<?php endif; ?>
    </div>	

    <div class="FooterCenter">
        <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('FooterCenter') ) : ?>        <?php endif; ?>
	</div>	

    <div class="FooterRight">
            <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('FooterRight') ) : ?>
			<?php endif; ?>
    </div>	

    <div class="FooterExtremeRight">
            <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('FooterExtremeRight') ) : ?>
			<?php endif; ?>
    </div>

</div>
<br>
 <br clear="all" />

			<div id="footer">
				<p id="copyright"><?php esc_html_e('Designed by ','Willem'); ?> <a href="https://localhost" title="Fruitspot Merchadising Services">Fruitspot Merchadising Services</a> | <?php esc_html_e('Powered by ','Merchadising Services'); ?> <a href="https://www.www.remarpro.com">Wordpress</a></p>
			</div> <!-- #footer-->

		</div> <!-- .container -->
	</div> <!-- #content -->

	<?php get_template_part('includes/scripts'); ?>
	<?php wp_footer(); ?>

</body>
</html>

I don`t know html or php or css, I can only geuss as to the meaning of the code