[HELP] Wordpress Dropdown Menu on IE

[cyber-cliff]

Hi guys,

I was having trouble on my menu on wordpress using IE. My clients said that it needs to fix for IE. I was trying to google for a solution but no luck. Hope you can help me with this. See screenshot.



this is my CSS.

/* =Menu

-------------------------------------------------------------- */



#access {

	background: #C8C8DE;

	margin: 0 auto;

	width: 100%;/*940px;*/

	display:block;

	float:left;

}

#access .menu-header,

div.menu {

	font-size: 13px;

	margin-left: 12px;

}

#access .menu-header ul,

div.menu ul {

	list-style: none;

	margin: 0;

}

#access .menu-header li,

div.menu li {

	float:left;

	position: relative;

}

#access a {

	display:block;

	text-decoration:none;

	color:#000;

	padding:0 10px;

	line-height:38px;

}

#access ul ul {

	display:none;

	position:absolute; 

	top:38px;

	left:0;

	float:left;

	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);

	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);

	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);

	width: 180px;

    z-index: 99999;

}

#access ul ul li {

	min-width: 180px;	

}

#access ul ul ul {

	left:100%;

	top:0;

}

#access ul ul a {

	background:#B2A0DE;

	height:auto;

	line-height:1em;

	padding:10px;

	width: 160px;

}

#access li:hover > a,

#access ul ul :hover > a {

	color:#000;

	background:#B2A0DE;

}

#access ul li:hover > ul {

	display:block;

}

#access ul li.current_page_item > a,

#access ul li.current-menu-ancestor > a,

#access ul li.current-menu-item > a,

#access ul li.current-menu-parent > a {

	color: #000;

}



* html #access ul li.current_page_item a,

* html #access ul li.current-menu-ancestor a,

* html #access ul li.current-menu-item a,

* html #access ul li.current-menu-parent a,

* html #access ul li a:hover {

	color:#000;

}

Please help me guys!

cyber-cliff Reviewed by cyber-cliff on 6th Nov 2012. [HELP] Wordpress Dropdown Menu on IE Hi guys, I was having trouble on my menu on wordpress using IE. My clients said that it needs to fix for IE. I was trying to google for a solution but no luck. Hope you can help me with this. See screenshot. http://i.imgur.com/0Tm9o.png this is my CSS. /* =Menu Rating: 5

[Ashleyuk1984]

Whats the url ?

[cyber-cliff]

its a membership site.., it needs an access to that site. if you want. i will give you access.

[.KiLLeR]

Change

div.menu li {      float:left;      position: relative;

to

div.menu li {      float:left;      position: absolute;

Just a noob feedback.

[cyber-cliff]

not working mate..,

[deliteblogger]

Try adding z-index: 99; to div.menu in the css.

[cyber-cliff]

still the same not working mate.., i will pay $1 on paypal if someone can fix this up. please

[deliteblogger]

lol @ $1

[cyber-cliff]

yeah, coz i only have that on my PP