ie8 nested menu not working hover

Posted: March 7, 2014 in web

on ie8 if you have a nested menu and hover on sub menus, when a link like anchor is on the back of it, hover breaks.

Solution, but a background color on the submenu ul.

ul {
        	background-color: #fff; //ie8 hack. without this sub menus will not work.
			position: absolute;
			top: 43px;
			z-index: 999;
			min-width: 249px;
			padding: 10px;
			.gradient-linear-vertical(#b8ddff, #fff, 0%, 30%);  
			.box-shadow(0, 0, 5px, lighten(@gray, 30%));  
			li {
				line-height: 30px;
				a {
					font-weight: bold;

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s