IE8 CSS 菜单修复
我的网站 CSS 菜单无法在 IE8 上运行。
代码在 Firefox 中运行良好。
<html>
<head>
<title>broken in ie8</title>
<style>
ul#mrmenu,ul#mrmenu ul{
margin:0;
list-style:none;
padding:0;
}
ul#mrmenuxx,ul#mrmenu .submenu{
border:1px solid yellow;
border-right:medium none;
}
ul#mrmenu .submenu{
background:black;
visibility:hidden;
position:absolute;
left:0;
top:100%;
opacity:0;
float:left;
padding:0 10px;
}
ul#mrmenu li:hover>.submenu{
visibility:visible;
opacity:1;
}
ul#mrmenu li{
position:relative;
display:block;
white-space:nowrap;
float:left;
}
ul#mrmenu li:hover{
z-index:1;
}
ul#mrmenu ul .submenu{
z-index:2;
position:absolute;
left:100%;
top:0;
}
ul#mrmenu{
z-index:999;
position:relative;
zoom:1;
padding:0 0;
margin:0;
display:block;
white-space: nowrap;
height:47px;
}
ul#mrmenu .column{
float:left;
}
* html ul#mrmenu li a, * html ul#mrmenu li label{
display:inline-block;
}
ul#mrmenu>li{
margin:0;
float:left;
display:inline-block;
}
ul#mrmenu li.toplast{
width:15%;
}
ul#mrmenu a:active, ul#mrmenu a:focus, ul#mrmenu label:active, ul#mrmenu label:focus{
outline-style:none;
}
ul#mrmenu a, ul#mrmenu label{
display:block;
vertical-align:middle;
text-align:left;
font:bold 12px Trebuchet MS;
line-height: 18px;
color:#fff;
cursor:pointer;
background-repeat:repeat;
background-position:0 0;
}
ul#mrmenu .submenu .column{
margin-top:10px;
margin-bottom:10px;
}
ul#mrmenu ul li{
float:none;
margin:2px 0 0;
}
ul#mrmenu ul a, ul#mrmenu ul label{
text-align:left;
padding:2px;
padding-left:10px;
}
ul#mrmenu img{
vertical-align:middle;
margin-right:6px;
}
ul#mrmenu span{
display:block;
overflow:visible;
background-position:right center;
background-repeat:no-repeat;
padding-right:0px;
}
ul#mrmenu ul span{
padding-right:8px;
}
ul#mrmenu ul li:hover>a,ul#mrmenu ul li a.pressed, ul#mrmenu ul li:hover>label,ul#mrmenu ul li label.pressed{
background-image:none;
color:#yellow;
}
.mr-button {
background: black;
border:1px solid #808080;
border-width:1px 1px 1px 0;
display:inline-block;
color:#ffffff;
padding:14px 10px;
}
.mr-button:active {
position:relative;
top:1px;
}
#mrmenu {
color: #cfcfcf;
}
</style>
</head>
<body>
<ul id="mrmenu" class="topmenu">
<li class="mr-button">
<label><span>Menu1</span></label>
<div class="submenu">
<div class="column">
<ul class="cat_parent">
<li>
<label>
<img src="data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOwwAADsMBx2+oZAAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMS8xMi8xMhR8XRwAAAAYdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3Jrc0+zH04AAAPTSURBVDiNnZRbiFVVGMd/3z57nzPn5oyjjjU0Y5qXBBNKm2maLAsberMLRahFSBdRhPCheht88UGIgiiash4SjC5SQokPFTGUEuaF0cRKhazp6MyZ+zlnn3P2WvvrYe/BSYzKDxYsvrXWj//6r+9boqpc3Cm5RJI33Vzz0+Km+b+hxseURj+wdba192pJiq/i+VXeyLcseCGfz+EQAooqqP4XpKDiUCqVmBr6rS/dwHY5u4MVze1zf5zX5KXqhQJBCRwPvBS4aSABhP/CdYDsjQxPBrXRi8XVrg9Z1/gpJkYwbT3UZncjfgF//ALh5WMkgxFyaXCmXbmW+hCoXMY16VTEA5VaGQLIdN5DZuVWKBewtQphtUTtj5OMDewjOXKMfA7w/gFMiNTKGFDXGghtLKJeAX8YTA1JN5FI5ck2zie7/EFKpw8xduR18tU/cbPXsEQjjjXgWgNYoAFk4H349XNItyCtnWhrF8xdgRKQX/UotfZVTH35EvmxYxFY/w5lJnRaqSkMYf0hEu5Z3DP9SNMsWNgDdzxH2LSE5Jw2nMf3MLV/G7OGD5OYqXiGUsfaeKEO1da7mLz9ecYXrGM0zFEtTMLxT5HPnkEufou6GdxZc8k+9hbl3GK0Ep+dMawFxxpQA5Qg17GBeZv6aN70HpnNh/A7tjNeT6JDBeTAFuTcQVQ8ko3z8R7aTdV6EcxGQ02s1BjQ6YUgQFEklaPhpluZ/fBOkk/tZ8JrRSfqyMEdcGkAlQQNS9cS3rYROxn7GUYcY8AJLagFksDRd5CPnkROfYLWyqgxZJbfT2rjXsrJRhgtId/0QmgRJ4G7ejMm3Qj1WKmNfHVsPMEBBn9G+z8mfHcLsvcRmCqgIaSXrUHW9RKEIL8cQc99DeKQvLkDae9E/UhpaKc9tVc8qQYw1NbF8KJu/FPHkQ83QKWIBjXS3c9iWldCGZwT+1AviyQ87IIHotePGdbGnoYWmAK6ttLyymHmv/wdTs+LcPIn6H8NvBxOKo+sfCJS9PsJtHgeELxFdyNOBAxt7KkxcTlUoWFxNxKXXWrpfdHGgS/Q8kiUW7I22jt+CR0fBIREy7LIu7ikjAHXFZx6AGSAw3tg4RpwXPi+DzLgTAxC8TyIIIEPCmIUqYxCZRTxx6OrA/UAXMGRr9Zzy5yMc3RFs852VcGNtQZ65fMQZ0Y7xi00M0eIMcLpMRkbqYR3ugnLhZFSuOuMZfcNGSTrxg0tgLkKNJ2/Klc2UKioFn3d5SoXJK5Q5+17WT+vgU6uM4ar/LClnwNAKJHLpFTVv17gdIhIGqj9BQBF07VXMETuAAAAAElFTkSuQmCC" />
Item1</label>
</li>
<li>
<label>
<img src="data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOwwAADsMBx2+oZAAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMS8xMi8xMhR8XRwAAAAYdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3Jrc0+zH04AAAPTSURBVDiNnZRbiFVVGMd/3z57nzPn5oyjjjU0Y5qXBBNKm2maLAsberMLRahFSBdRhPCheht88UGIgiiash4SjC5SQokPFTGUEuaF0cRKhazp6MyZ+zlnn3P2WvvrYe/BSYzKDxYsvrXWj//6r+9boqpc3Cm5RJI33Vzz0+Km+b+hxseURj+wdba192pJiq/i+VXeyLcseCGfz+EQAooqqP4XpKDiUCqVmBr6rS/dwHY5u4MVze1zf5zX5KXqhQJBCRwPvBS4aSABhP/CdYDsjQxPBrXRi8XVrg9Z1/gpJkYwbT3UZncjfgF//ALh5WMkgxFyaXCmXbmW+hCoXMY16VTEA5VaGQLIdN5DZuVWKBewtQphtUTtj5OMDewjOXKMfA7w/gFMiNTKGFDXGghtLKJeAX8YTA1JN5FI5ck2zie7/EFKpw8xduR18tU/cbPXsEQjjjXgWgNYoAFk4H349XNItyCtnWhrF8xdgRKQX/UotfZVTH35EvmxYxFY/w5lJnRaqSkMYf0hEu5Z3DP9SNMsWNgDdzxH2LSE5Jw2nMf3MLV/G7OGD5OYqXiGUsfaeKEO1da7mLz9ecYXrGM0zFEtTMLxT5HPnkEufou6GdxZc8k+9hbl3GK0Ep+dMawFxxpQA5Qg17GBeZv6aN70HpnNh/A7tjNeT6JDBeTAFuTcQVQ8ko3z8R7aTdV6EcxGQ02s1BjQ6YUgQFEklaPhpluZ/fBOkk/tZ8JrRSfqyMEdcGkAlQQNS9cS3rYROxn7GUYcY8AJLagFksDRd5CPnkROfYLWyqgxZJbfT2rjXsrJRhgtId/0QmgRJ4G7ejMm3Qj1WKmNfHVsPMEBBn9G+z8mfHcLsvcRmCqgIaSXrUHW9RKEIL8cQc99DeKQvLkDae9E/UhpaKc9tVc8qQYw1NbF8KJu/FPHkQ83QKWIBjXS3c9iWldCGZwT+1AviyQ87IIHotePGdbGnoYWmAK6ttLyymHmv/wdTs+LcPIn6H8NvBxOKo+sfCJS9PsJtHgeELxFdyNOBAxt7KkxcTlUoWFxNxKXXWrpfdHGgS/Q8kiUW7I22jt+CR0fBIREy7LIu7ikjAHXFZx6AGSAw3tg4RpwXPi+DzLgTAxC8TyIIIEPCmIUqYxCZRTxx6OrA/UAXMGRr9Zzy5yMc3RFs852VcGNtQZ65fMQZ0Y7xi00M0eIMcLpMRkbqYR3ugnLhZFSuOuMZfcNGSTrxg0tgLkKNJ2/Klc2UKioFn3d5SoXJK5Q5+17WT+vgU6uM4ar/LClnwNAKJHLpFTVv17gdIhIGqj9BQBF07VXMETuAAAAAElFTkSuQmCC" />
Item2</label>
</li>
<li>
<label>
<img src="data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOwwAADsMBx2+oZAAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMS8xMi8xMhR8XRwAAAAYdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3Jrc0+zH04AAAPTSURBVDiNnZRbiFVVGMd/3z57nzPn5oyjjjU0Y5qXBBNKm2maLAsberMLRahFSBdRhPCheht88UGIgiiash4SjC5SQokPFTGUEuaF0cRKhazp6MyZ+zlnn3P2WvvrYe/BSYzKDxYsvrXWj//6r+9boqpc3Cm5RJI33Vzz0+Km+b+hxseURj+wdba192pJiq/i+VXeyLcseCGfz+EQAooqqP4XpKDiUCqVmBr6rS/dwHY5u4MVze1zf5zX5KXqhQJBCRwPvBS4aSABhP/CdYDsjQxPBrXRi8XVrg9Z1/gpJkYwbT3UZncjfgF//ALh5WMkgxFyaXCmXbmW+hCoXMY16VTEA5VaGQLIdN5DZuVWKBewtQphtUTtj5OMDewjOXKMfA7w/gFMiNTKGFDXGghtLKJeAX8YTA1JN5FI5ck2zie7/EFKpw8xduR18tU/cbPXsEQjjjXgWgNYoAFk4H349XNItyCtnWhrF8xdgRKQX/UotfZVTH35EvmxYxFY/w5lJnRaqSkMYf0hEu5Z3DP9SNMsWNgDdzxH2LSE5Jw2nMf3MLV/G7OGD5OYqXiGUsfaeKEO1da7mLz9ecYXrGM0zFEtTMLxT5HPnkEufou6GdxZc8k+9hbl3GK0Ep+dMawFxxpQA5Qg17GBeZv6aN70HpnNh/A7tjNeT6JDBeTAFuTcQVQ8ko3z8R7aTdV6EcxGQ02s1BjQ6YUgQFEklaPhpluZ/fBOkk/tZ8JrRSfqyMEdcGkAlQQNS9cS3rYROxn7GUYcY8AJLagFksDRd5CPnkROfYLWyqgxZJbfT2rjXsrJRhgtId/0QmgRJ4G7ejMm3Qj1WKmNfHVsPMEBBn9G+z8mfHcLsvcRmCqgIaSXrUHW9RKEIL8cQc99DeKQvLkDae9E/UhpaKc9tVc8qQYw1NbF8KJu/FPHkQ83QKWIBjXS3c9iWldCGZwT+1AviyQ87IIHotePGdbGnoYWmAK6ttLyymHmv/wdTs+LcPIn6H8NvBxOKo+sfCJS9PsJtHgeELxFdyNOBAxt7KkxcTlUoWFxNxKXXWrpfdHGgS/Q8kiUW7I22jt+CR0fBIREy7LIu7ikjAHXFZx6AGSAw3tg4RpwXPi+DzLgTAxC8TyIIIEPCmIUqYxCZRTxx6OrA/UAXMGRr9Zzy5yMc3RFs852VcGNtQZ65fMQZ0Y7xi00M0eIMcLpMRkbqYR3ugnLhZFSuOuMZfcNGSTrxg0tgLkKNJ2/Klc2UKioFn3d5SoXJK5Q5+17WT+vgU6uM4ar/LClnwNAKJHLpFTVv17gdIhIGqj9BQBF07VXMETuAAAAAElFTkSuQmCC" />
Item3</label>
</li>
<li>
<label>
<img src="data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOwwAADsMBx2+oZAAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMS8xMi8xMhR8XRwAAAAYdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3Jrc0+zH04AAAPTSURBVDiNnZRbiFVVGMd/3z57nzPn5oyjjjU0Y5qXBBNKm2maLAsberMLRahFSBdRhPCheht88UGIgiiash4SjC5SQokPFTGUEuaF0cRKhazp6MyZ+zlnn3P2WvvrYe/BSYzKDxYsvrXWj//6r+9boqpc3Cm5RJI33Vzz0+Km+b+hxseURj+wdba192pJiq/i+VXeyLcseCGfz+EQAooqqP4XpKDiUCqVmBr6rS/dwHY5u4MVze1zf5zX5KXqhQJBCRwPvBS4aSABhP/CdYDsjQxPBrXRi8XVrg9Z1/gpJkYwbT3UZncjfgF//ALh5WMkgxFyaXCmXbmW+hCoXMY16VTEA5VaGQLIdN5DZuVWKBewtQphtUTtj5OMDewjOXKMfA7w/gFMiNTKGFDXGghtLKJeAX8YTA1JN5FI5ck2zie7/EFKpw8xduR18tU/cbPXsEQjjjXgWgNYoAFk4H349XNItyCtnWhrF8xdgRKQX/UotfZVTH35EvmxYxFY/w5lJnRaqSkMYf0hEu5Z3DP9SNMsWNgDdzxH2LSE5Jw2nMf3MLV/G7OGD5OYqXiGUsfaeKEO1da7mLz9ecYXrGM0zFEtTMLxT5HPnkEufou6GdxZc8k+9hbl3GK0Ep+dMawFxxpQA5Qg17GBeZv6aN70HpnNh/A7tjNeT6JDBeTAFuTcQVQ8ko3z8R7aTdV6EcxGQ02s1BjQ6YUgQFEklaPhpluZ/fBOkk/tZ8JrRSfqyMEdcGkAlQQNS9cS3rYROxn7GUYcY8AJLagFksDRd5CPnkROfYLWyqgxZJbfT2rjXsrJRhgtId/0QmgRJ4G7ejMm3Qj1WKmNfHVsPMEBBn9G+z8mfHcLsvcRmCqgIaSXrUHW9RKEIL8cQc99DeKQvLkDae9E/UhpaKc9tVc8qQYw1NbF8KJu/FPHkQ83QKWIBjXS3c9iWldCGZwT+1AviyQ87IIHotePGdbGnoYWmAK6ttLyymHmv/wdTs+LcPIn6H8NvBxOKo+sfCJS9PsJtHgeELxFdyNOBAxt7KkxcTlUoWFxNxKXXWrpfdHGgS/Q8kiUW7I22jt+CR0fBIREy7LIu7ikjAHXFZx6AGSAw3tg4RpwXPi+DzLgTAxC8TyIIIEPCmIUqYxCZRTxx6OrA/UAXMGRr9Zzy5yMc3RFs852VcGNtQZ65fMQZ0Y7xi00M0eIMcLpMRkbqYR3ugnLhZFSuOuMZfcNGSTrxg0tgLkKNJ2/Klc2UKioFn3d5SoXJK5Q5+17WT+vgU6uM4ar/LClnwNAKJHLpFTVv17gdIhIGqj9BQBF07VXMETuAAAAAElFTkSuQmCC" />
Item4</label>
</li>
<li>
<label>
<img src="data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOwwAADsMBx2+oZAAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMS8xMi8xMhR8XRwAAAAYdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3Jrc0+zH04AAAPTSURBVDiNnZRbiFVVGMd/3z57nzPn5oyjjjU0Y5qXBBNKm2maLAsberMLRahFSBdRhPCheht88UGIgiiash4SjC5SQokPFTGUEuaF0cRKhazp6MyZ+zlnn3P2WvvrYe/BSYzKDxYsvrXWj//6r+9boqpc3Cm5RJI33Vzz0+Km+b+hxseURj+wdba192pJiq/i+VXeyLcseCGfz+EQAooqqP4XpKDiUCqVmBr6rS/dwHY5u4MVze1zf5zX5KXqhQJBCRwPvBS4aSABhP/CdYDsjQxPBrXRi8XVrg9Z1/gpJkYwbT3UZncjfgF//ALh5WMkgxFyaXCmXbmW+hCoXMY16VTEA5VaGQLIdN5DZuVWKBewtQphtUTtj5OMDewjOXKMfA7w/gFMiNTKGFDXGghtLKJeAX8YTA1JN5FI5ck2zie7/EFKpw8xduR18tU/cbPXsEQjjjXgWgNYoAFk4H349XNItyCtnWhrF8xdgRKQX/UotfZVTH35EvmxYxFY/w5lJnRaqSkMYf0hEu5Z3DP9SNMsWNgDdzxH2LSE5Jw2nMf3MLV/G7OGD5OYqXiGUsfaeKEO1da7mLz9ecYXrGM0zFEtTMLxT5HPnkEufou6GdxZc8k+9hbl3GK0Ep+dMawFxxpQA5Qg17GBeZv6aN70HpnNh/A7tjNeT6JDBeTAFuTcQVQ8ko3z8R7aTdV6EcxGQ02s1BjQ6YUgQFEklaPhpluZ/fBOkk/tZ8JrRSfqyMEdcGkAlQQNS9cS3rYROxn7GUYcY8AJLagFksDRd5CPnkROfYLWyqgxZJbfT2rjXsrJRhgtId/0QmgRJ4G7ejMm3Qj1WKmNfHVsPMEBBn9G+z8mfHcLsvcRmCqgIaSXrUHW9RKEIL8cQc99DeKQvLkDae9E/UhpaKc9tVc8qQYw1NbF8KJu/FPHkQ83QKWIBjXS3c9iWldCGZwT+1AviyQ87IIHotePGdbGnoYWmAK6ttLyymHmv/wdTs+LcPIn6H8NvBxOKo+sfCJS9PsJtHgeELxFdyNOBAxt7KkxcTlUoWFxNxKXXWrpfdHGgS/Q8kiUW7I22jt+CR0fBIREy7LIu7ikjAHXFZx6AGSAw3tg4RpwXPi+DzLgTAxC8TyIIIEPCmIUqYxCZRTxx6OrA/UAXMGRr9Zzy5yMc3RFs852VcGNtQZ65fMQZ0Y7xi00M0eIMcLpMRkbqYR3ugnLhZFSuOuMZfcNGSTrxg0tgLkKNJ2/Klc2UKioFn3d5SoXJK5Q5+17WT+vgU6uM4ar/LClnwNAKJHLpFTVv17gdIhIGqj9BQBF07VXMETuAAAAAElFTkSuQmCC" />
Item5</label>
</li>
<li>
<label>
<img src="data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOwwAADsMBx2+oZAAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMS8xMi8xMhR8XRwAAAAYdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3Jrc0+zH04AAAPTSURBVDiNnZRbiFVVGMd/3z57nzPn5oyjjjU0Y5qXBBNKm2maLAsberMLRahFSBdRhPCheht88UGIgiiash4SjC5SQokPFTGUEuaF0cRKhazp6MyZ+zlnn3P2WvvrYe/BSYzKDxYsvrXWj//6r+9boqpc3Cm5RJI33Vzz0+Km+b+hxseURj+wdba192pJiq/i+VXeyLcseCGfz+EQAooqqP4XpKDiUCqVmBr6rS/dwHY5u4MVze1zf5zX5KXqhQJBCRwPvBS4aSABhP/CdYDsjQxPBrXRi8XVrg9Z1/gpJkYwbT3UZncjfgF//ALh5WMkgxFyaXCmXbmW+hCoXMY16VTEA5VaGQLIdN5DZuVWKBewtQphtUTtj5OMDewjOXKMfA7w/gFMiNTKGFDXGghtLKJeAX8YTA1JN5FI5ck2zie7/EFKpw8xduR18tU/cbPXsEQjjjXgWgNYoAFk4H349XNItyCtnWhrF8xdgRKQX/UotfZVTH35EvmxYxFY/w5lJnRaqSkMYf0hEu5Z3DP9SNMsWNgDdzxH2LSE5Jw2nMf3MLV/G7OGD5OYqXiGUsfaeKEO1da7mLz9ecYXrGM0zFEtTMLxT5HPnkEufou6GdxZc8k+9hbl3GK0Ep+dMawFxxpQA5Qg17GBeZv6aN70HpnNh/A7tjNeT6JDBeTAFuTcQVQ8ko3z8R7aTdV6EcxGQ02s1BjQ6YUgQFEklaPhpluZ/fBOkk/tZ8JrRSfqyMEdcGkAlQQNS9cS3rYROxn7GUYcY8AJLagFksDRd5CPnkROfYLWyqgxZJbfT2rjXsrJRhgtId/0QmgRJ4G7ejMm3Qj1WKmNfHVsPMEBBn9G+z8mfHcLsvcRmCqgIaSXrUHW9RKEIL8cQc99DeKQvLkDae9E/UhpaKc9tVc8qQYw1NbF8KJu/FPHkQ83QKWIBjXS3c9iWldCGZwT+1AviyQ87IIHotePGdbGnoYWmAK6ttLyymHmv/wdTs+LcPIn6H8NvBxOKo+sfCJS9PsJtHgeELxFdyNOBAxt7KkxcTlUoWFxNxKXXWrpfdHGgS/Q8kiUW7I22jt+CR0fBIREy7LIu7ikjAHXFZx6AGSAw3tg4RpwXPi+DzLgTAxC8TyIIIEPCmIUqYxCZRTxx6OrA/UAXMGRr9Zzy5yMc3RFs852VcGNtQZ65fMQZ0Y7xi00M0eIMcLpMRkbqYR3ugnLhZFSuOuMZfcNGSTrxg0tgLkKNJ2/Klc2UKioFn3d5SoXJK5Q5+17WT+vgU6uM4ar/LClnwNAKJHLpFTVv17gdIhIGqj9BQBF07VXMETuAAAAAElFTkSuQmCC" />
Item6</label>
</li>
<li>
<label>
<img src="data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOwwAADsMBx2+oZAAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMS8xMi8xMhR8XRwAAAAYdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3Jrc0+zH04AAAPTSURBVDiNnZRbiFVVGMd/3z57nzPn5oyjjjU0Y5qXBBNKm2maLAsberMLRahFSBdRhPCheht88UGIgiiash4SjC5SQokPFTGUEuaF0cRKhazp6MyZ+zlnn3P2WvvrYe/BSYzKDxYsvrXWj//6r+9boqpc3Cm5RJI33Vzz0+Km+b+hxseURj+wdba192pJiq/i+VXeyLcseCGfz+EQAooqqP4XpKDiUCqVmBr6rS/dwHY5u4MVze1zf5zX5KXqhQJBCRwPvBS4aSABhP/CdYDsjQxPBrXRi8XVrg9Z1/gpJkYwbT3UZncjfgF//ALh5WMkgxFyaXCmXbmW+hCoXMY16VTEA5VaGQLIdN5DZuVWKBewtQphtUTtj5OMDewjOXKMfA7w/gFMiNTKGFDXGghtLKJeAX8YTA1JN5FI5ck2zie7/EFKpw8xduR18tU/cbPXsEQjjjXgWgNYoAFk4H349XNItyCtnWhrF8xdgRKQX/UotfZVTH35EvmxYxFY/w5lJnRaqSkMYf0hEu5Z3DP9SNMsWNgDdzxH2LSE5Jw2nMf3MLV/G7OGD5OYqXiGUsfaeKEO1da7mLz9ecYXrGM0zFEtTMLxT5HPnkEufou6GdxZc8k+9hbl3GK0Ep+dMawFxxpQA5Qg17GBeZv6aN70HpnNh/A7tjNeT6JDBeTAFuTcQVQ8ko3z8R7aTdV6EcxGQ02s1BjQ6YUgQFEklaPhpluZ/fBOkk/tZ8JrRSfqyMEdcGkAlQQNS9cS3rYROxn7GUYcY8AJLagFksDRd5CPnkROfYLWyqgxZJbfT2rjXsrJRhgtId/0QmgRJ4G7ejMm3Qj1WKmNfHVsPMEBBn9G+z8mfHcLsvcRmCqgIaSXrUHW9RKEIL8cQc99DeKQvLkDae9E/UhpaKc9tVc8qQYw1NbF8KJu/FPHkQ83QKWIBjXS3c9iWldCGZwT+1AviyQ87IIHotePGdbGnoYWmAK6ttLyymHmv/wdTs+LcPIn6H8NvBxOKo+sfCJS9PsJtHgeELxFdyNOBAxt7KkxcTlUoWFxNxKXXWrpfdHGgS/Q8kiUW7I22jt+CR0fBIREy7LIu7ikjAHXFZx6AGSAw3tg4RpwXPi+DzLgTAxC8TyIIIEPCmIUqYxCZRTxx6OrA/UAXMGRr9Zzy5yMc3RFs852VcGNtQZ65fMQZ0Y7xi00M0eIMcLpMRkbqYR3ugnLhZFSuOuMZfcNGSTrxg0tgLkKNJ2/Klc2UKioFn3d5SoXJK5Q5+17WT+vgU6uM4ar/LClnwNAKJHLpFTVv17gdIhIGqj9BQBF07VXMETuAAAAAElFTkSuQmCC" />
Item7</label>
</li>
</ul>
</div>
</div>
</li>
<li class="mr-button">
<label><span>Menu2</span></label>
<div class="submenu">
<div class="column">
<ul class="cat_parent">
<li>
<label>
<img src="data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOwwAADsMBx2+oZAAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMS8xMi8xMhR8XRwAAAAYdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3Jrc0+zH04AAAPTSURBVDiNnZRbiFVVGMd/3z57nzPn5oyjjjU0Y5qXBBNKm2maLAsberMLRahFSBdRhPCheht88UGIgiiash4SjC5SQokPFTGUEuaF0cRKhazp6MyZ+zlnn3P2WvvrYe/BSYzKDxYsvrXWj//6r+9boqpc3Cm5RJI33Vzz0+Km+b+hxseURj+wdba192pJiq/i+VXeyLcseCGfz+EQAooqqP4XpKDiUCqVmBr6rS/dwHY5u4MVze1zf5zX5KXqhQJBCRwPvBS4aSABhP/CdYDsjQxPBrXRi8XVrg9Z1/gpJkYwbT3UZncjfgF//ALh5WMkgxFyaXCmXbmW+hCoXMY16VTEA5VaGQLIdN5DZuVWKBewtQphtUTtj5OMDewjOXKMfA7w/gFMiNTKGFDXGghtLKJeAX8YTA1JN5FI5ck2zie7/EFKpw8xduR18tU/cbPXsEQjjjXgWgNYoAFk4H349XNItyCtnWhrF8xdgRKQX/UotfZVTH35EvmxYxFY/w5lJnRaqSkMYf0hEu5Z3DP9SNMsWNgDdzxH2LSE5Jw2nMf3MLV/G7OGD5OYqXiGUsfaeKEO1da7mLz9ecYXrGM0zFEtTMLxT5HPnkEufou6GdxZc8k+9hbl3GK0Ep+dMawFxxpQA5Qg17GBeZv6aN70HpnNh/A7tjNeT6JDBeTAFuTcQVQ8ko3z8R7aTdV6EcxGQ02s1BjQ6YUgQFEklaPhpluZ/fBOkk/tZ8JrRSfqyMEdcGkAlQQNS9cS3rYROxn7GUYcY8AJLagFksDRd5CPnkROfYLWyqgxZJbfT2rjXsrJRhgtId/0QmgRJ4G7ejMm3Qj1WKmNfHVsPMEBBn9G+z8mfHcLsvcRmCqgIaSXrUHW9RKEIL8cQc99DeKQvLkDae9E/UhpaKc9tVc8qQYw1NbF8KJu/FPHkQ83QKWIBjXS3c9iWldCGZwT+1AviyQ87IIHotePGdbGnoYWmAK6ttLyymHmv/wdTs+LcPIn6H8NvBxOKo+sfCJS9PsJtHgeELxFdyNOBAxt7KkxcTlUoWFxNxKXXWrpfdHGgS/Q8kiUW7I22jt+CR0fBIREy7LIu7ikjAHXFZx6AGSAw3tg4RpwXPi+DzLgTAxC8TyIIIEPCmIUqYxCZRTxx6OrA/UAXMGRr9Zzy5yMc3RFs852VcGNtQZ65fMQZ0Y7xi00M0eIMcLpMRkbqYR3ugnLhZFSuOuMZfcNGSTrxg0tgLkKNJ2/Klc2UKioFn3d5SoXJK5Q5+17WT+vgU6uM4ar/LClnwNAKJHLpFTVv17gdIhIGqj9BQBF07VXMETuAAAAAElFTkSuQmCC" />
Item 2-1</label>
</li>
</ul>
</div>
</div>
</li>
</ul>
</body>
</html>
谢谢大家
最佳答案
添加有效的文档类型可以修复 IE8 的此问题，例如:
<!DOCTYPE html>
否则 IE 将在 Quirks mode 中呈现页面和 CSS child selector用于显示菜单的 ul#mrmenu li:hover>.submenu 将不起作用。 注意:CSS 后代选择器仍然可以在 Quirks 模式下工作。
关于html - IE8 CSS 菜单修复，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15898454/