What is the wrong with my footer widget?

Where do your footer widgets start? Can you give more description?

What do you mean? Are you asking footer code?
To add footer I have added this code on the botom of style.css

#footer-widgets {
display: block;
width:950px;
margin-right:0;
background: #ffffff;
}
#footer-widget1 {
width: 260px;
float: left;
margin: 15px 10px 10px 30px;
padding: 10px;
background-color: #ffffff;
}
#footer-widget2 {
width: 260px;
float: left;
margin: 15px 10px 10px 15px;
padding: 10px;
background-color: #ffffff;
}
#footer-widget3 {
width: 260px;
float: left;
margin: 15px 10px 10px 12px;
padding: 10px;
background-color: #ffffff;
}
#footer a, #footer a:visited {
	color: #333;
}
#footer a:hover {
	color: #333;
}
.rss {
	background: url(images/rss-small.png) no-repeat 0px 0px;
	padding: 0px 0px 0px 16px;

Is this you are asking?

It’s not apparent what your footer widgets are, can you point to a text excerpt on the webpage of a footer widget?

To add this footer I have followed this tutorial. So here you will find all the code I have implemented.

And this is the all code of my footer.php:

<div id="footer-widgets">
<div id="footer-widget1">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('footer-1') ) : ?>
<?php endif; ?>
</div>

<div id="footer-widget2">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('footer-2') ) : ?>
<?php endif; ?>
</div>

<div id="footer-widget3">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('footer-3') ) : ?>
<?php endif; ?>
</div>
</div>
<div style="clear-both"></div>
<div class="clear"></div>

<div id="footer">
  <div class="left">&copy;
    <?php the_time('Y'); ?>
    &middot; <a href="<?php bloginfo('siteurl'); ?>">
    <?php bloginfo('name'); ?>
    </a> &middot; <span class="rss"><a href="<?php bloginfo('rss2_url'); ?>" title="Subscribe to Posts feed">Posts</a></span> &middot; <span class="rss" title="Subscribe to Comments feed"><a href="<?php bloginfo('comments_rss2_url'); ?>">Comments</a></span> </div>
  <div class="right"> Designed by <a href="https://www.bestwp.net/">Best WordPress Themes</a> &middot; Powered by <a href="https://www.www.remarpro.com">WordPress</a> </div>
  <div class="clear"></div>
</div>
<!--end: footer-->

</div>
<!--end: wrapper-->
<?php if(get_theme_mod('track') == 'Yes') { ?>
<!--begin: blog tracking-->
<?php echo stripslashes(get_theme_mod('track_code')); ?>
<!--end: blog tracking-->
<?php } else { ?>
<?php } ?>
<?php wp_footer(); ?>
</body></html>
<?php
 // Custom widget Area Start
 if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('My Custom Widget Area - 1') ) : ?>
<?php endif;
// Custom widget Area End
?>

Add this CSS;

#footer-widgets {
 clear: both;
}

Nice solution…Thanks and regards for your help:)