Displaying categories with no post in IE9

Hello,
When you click on a link/menu to a category which has no post in it, the result page display/layout is messy in IE9 (see link below for illustration).
This issue occurs in Internet Explorer only as the page layout is fine in both Google Chrome and Firefox.
How can this be fixed please?
URL: http://www.sworldconsult.com/category/product-cat/satellite-communications-products

 

Go to the category.php file present in the theme directory( Theme directory ->category.php ), and remove all the code code from categories.php file and then paste the code given below in the category.php file.

Code:

<?php /**
* The template for displaying Category pages.
*
*/ ?>
<?php get_header(); ?>
<!--contact content start-->
<div class="page-info-container">
    <div class="container_24">
        <div class="grid_24">
            <div class="page_info">         
                    <?php if (function_exists('inkthemes_breadcrumbs'))
                        inkthemes_breadcrumbs(); ?>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="strip_line"></div>
    <div class="content-container">
        <div class="container_24">
            <div class="grid_24">
                <div class="content-main">
                    <div class="grid_16 alpha">
                        <!--Start content Wrapper-->
                        <div class="content-wrapper">
                        <?php if (have_posts()) : ?>
                            <?php
                            $category_description = category_description();
                            if (!empty($category_description))
                                echo '' . $category_description . '';
                            /* Run the loop for the category page to output the posts.
                            * If you want to overload this in a child theme then include a file
                            * called loop-category.php and that will be used instead.
                            */
                            ?>
                            <?php get_template_part('loop', 'category'); ?>
                            <div class="clear"></div>
                            <nav id="nav-single"> <span class="nav-previous">
                                    <?php next_posts_link(__('&larr; Older posts', 'figero')); ?>
                                </span> <span class="nav-next">
                                    <?php previous_posts_link(__('Newer posts &rarr;', 'figero')); ?>
                                </span> </nav>
                        <?php endif; ?>
                        </div>                   
                  <!--End content Wrapper-->
                    </div>         
                <!--Start Sidebar-->
                <?php get_sidebar(); ?>
                <!--End Sidebar-->
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>
<!--contact content end-->
<?php get_footer(); ?>

For the reference see the image given below.


This will solve your issue.

 

It worked. This looks great!
Thanks.