Icons still not working in Firefox and IE

Try going into functions-enfold.php in your theme files and look for:

/*
 * add html5.js script to head section - required for IE compatibility
 */
if(!function_exists('avia_print_html5_js_script'))
{
    add_action('wp_head', 'avia_print_html5_js_script');

    function avia_print_html5_js_script()
    {
        $template_url = get_template_directory_uri();
        $output = '';

        $output .= '<!--[if lt IE 9]>';
        $output .= '<script src="'.$template_url.'/js/html5shiv.js"></script>';
        $output .= '<![endif]-->';
        echo $output;
    }
}

Change it to this:

/*
 * add html5.js script to head section - required for IE compatibility
 */
/**
if(!function_exists('avia_print_html5_js_script'))
{
    add_action('wp_head', 'avia_print_html5_js_script');

    function avia_print_html5_js_script()
    {
        $template_url = get_template_directory_uri();
        $output = '';

        $output .= '<!--[if lt IE 9]>';
        $output .= '<script src="'.$template_url.'/js/html5shiv.js"></script>';
        $output .= '<![endif]-->';
        echo $output;
    }
}
**/

Now go to your header.php file and look for:

</head>

and add this line just above that:
<!--[if lt IE 9]><script src="http://mydesignspace.com/wordpress/wp-content/themes/enfold/js/html5shiv.js"></script><![endif]-->

See if that helps at all.

Thank you both, looking into it now.