Public Forums 71,145 posts

[eio4u Friend eio4uJoin date: January 2011Posts: 2Downloads:0Uploads:0 Thanks: 2]

#163342

Hi

I am using the T3 Framework V1.2.4 with Mega Menu . Working fine in FF but having menu problems in Internet Explorer.

In IE-7 & IE-8 (not sure about IE-9), the first mega menu item background does not show up correctly.

http://healthy-recipes.baldwinpublishing.com/index.php?option=com_flexicontent&view=category&cid=1035&Itemid=3017

Here is the mega.css code that does not seem to be working,

.ja-megamenu ul.level0 li.mega.over a {
background: url(“../../images/mainnav-active-r.png”) no-repeat scroll right 3px transparent;
color: #4B4B4B;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

Any help or direction would be appreciated.

Thanks
glenn

Corrected by adding the following to my menu.css
#bp_content .ja-megamenu ul.level0 li.mega.first a {
float:left;
}
#bp_content .ja-megamenu ul.level1 li.mega a.mega {
float:none;
}

[Author]

Posts