Drop Down Menu Issue on Joomla Website in IE explorer

314 Views Asked by At

I have my client whose side panel shows correctly on Firefox and Chrome but it doesn't show well on IE.

I have even tried using <!DOCTYPE HTML> and <meta http-equiv="X-UA-Compatible" content="IE=7,9,10" /> but somehow using <meta http-equiv="X-UA-Compatible" content="IE=7,9,10" > the drop down menu is overlapping the page content.

http://www.cleanenergycentre.com.au/index.php/solarpower/solar-panels

1

There are 1 best solutions below

2
On

In order to fix the z-index simply add position:relative to the container

DIV#dropdownmenuContainer{
position:relative;
}

and to your template.css add this part of code to fix the width of the li's width into the dropdown

DIV#dropdownmenuContainer ul li li{
*display:block;
}