Javascript-форум - проблема с скриптом в ie8

есьт беда с менюшкой на сайте fresh-store.ru

вот код менюшки

echo '
<div class="fn_box">
<span id="fn_1" onclick="hidemenu(); $(\'.fm_box\').css(\'display\',\'table\'); $(\'#fn_1\').css(\'color\',\'#ac35dc !important\');">ПО МАРКЕ</span>
<span id="fn_2" onclick="hidemenu(); $(\'.ft_box\').css(\'display\',\'table\'); $(\'#fn_2\').css(\'color\',\'#ac35dc !important\');" style="padding:0 22px;">ПО ТИПУ</span>
<span id="fn_3" class="popar'.$_GET['popar'].'"><a href="/category_search/?search_in_subcategory=1&categoryID='.$_GET['categoryID'].'&search_with_change_category_ability=yes&popar=1&advanced_search_in_category=найти">ПО ПАРАМЕТРАМ</a></span></div>';

вот код подменю

echo '
<div class="fn_box">
<span id="fn_1" onclick="hidemenu(); $(\'.fm_box_m\').css(\'display\',\'table\'); $(\'#fn_1\').css(\'color\',\'#ac35dc !important\');">ПО МАРКЕ</span>
<span id="fn_2" onclick="hidemenu(); $(\'.ft_box\').css(\'display\',\'table\'); $(\'#fn_2\').css(\'color\',\'#ac35dc !important\');" style="padding:0 22px;">ПО ТИПУ</span>
<span id="fn_3" class="popar'.$_GET['popar'].'"><a href="/category_search/?search_in_subcategory=1&amp;categoryID=557&amp;search_with_change_category_ability=yes&amp;popar=1&amp;advanced_search_in_category=найти">ПО ПАРАМЕТРАМ</a></span></div>
<div style="width: 10px; height: 3px;"></div>
<div class="ft_box"><form name="AdvancedSearchInCategory" method="get" id="filter" action="/category_search/">
<div class="lightblk">
                    <select id="devlper" name="param_15" style="display:none;">
                         <option id="26" value="26">Дом</option><option id="27" value="27">Бизнес</option><option id="28" value="28">Образование</option>
                    </select><a><span onclick="$(\'#26\').attr(\'selected\', \'selected\'); document.getElementById(\'tfind\').click();">Дом</span></a><a><span onclick="$(\'#27\').attr(\'selected\', \'selected\'); document.getElementById(\'tfind\').click();">Бизнес</span></a><a><span onclick="$(\'#28\').attr(\'selected\', \'selected\'); document.getElementById(\'tfind\').click();">Образование</span></a>
                    
                    <input type="hidden" name="search_in_subcategory" value="1" />
                    <input type="hidden" name="categoryID" value="557" />
                    <input type="hidden" value="yes" name="search_with_change_category_ability" />
                    <input id="tfind" type="submit" name="advanced_search_in_category" value="Найти" style="display:none;" />
               </div>
</form>
</div>
<!-- Fun with a fire...  -->
<div class="filter_box">
<div class="fm_box_m">
<a href="/category/acer/">Acer</a><a href="/category/benq/">Benq</a><a href="/category/casio/">Casio</a><a href="/category/nec/">NEC</a><a href="/category/optoma/">Optoma</a><a href="/category/samsung/">Samsung</a><a href="/category/sanyo/">Sanyo</a><a href="/category/sharp/">Sharp</a><a href="/category/sony/">Sony</a><a href="/category/vivitek/">Vivitek</a>
</div>
</div>
<span class="ml"></span>
';

вот функция хайдменю()

function hidemenu() {
	$('.fm_box').add('.ft_box').add('.fm_box_m').css('display','none');
        $('.fn_box span').add('#fn_3 a').css('color','#32AFAF !important');
};

подскажите, почему ие так себя ведёт7(((