html中二级菜单老是自动消失,下面这个导航在IE下鼠标移动到二级菜单的过程中二级菜单就消失了，请问有没有什么办法解决？...

1

2

3

4

Demo

5

6

7 #cssmenu ul{margin:0;padding:0;}

8 #cssmenu li{margin:0;padding:0;}

9 #cssmenu a{margin:0;padding:0;}

10 #cssmenu ul{list-style:none;}

11 #cssmenu a{text-decoration:none;}

12 #cssmenu{height:70px;background-color:rgb(35,35,35);box-shadow:0px 2px 3px rgba(0,0,0,.4);}

13

14

15 #cssmenu > ul > li{

16 float:left;

17 margin-left:15px;

18 position:relative;

19 }

20

21 #cssmenu > ul > li > a{

22 color:rgb(160,160,160);

23 font-family:Verdana, 'Lucida Grande';

24 font-size:15px;

25 line-height:70px;

26 padding:15px 20px;

27 -webkit-transition:color .15s;

28 -moz-transition:color .15s;

29 -o-transition:color .15s;

30 transition:color .15s;

31 }

32

33 #cssmenu > ul > li > a:hover{color:rgb(250,250,250); }

34

35

36 #cssmenu > ul > li > ul{

37 opacity:0;

38 visibility:hidden;

39 padding:16px 0 20px 0;

40 background-color:rgb(250,250,250);

41 text-align:left;

42 position:absolute;

43 top:55px;

44 left:50%;

45 margin-left:-90px;

46 width:180px;

47 -webkit-transition:all .3s .1s;

48 -moz-transition:all .3s .1s;

49 -o-transition:all .3s .1s;

50 transition:all .3s .1s;

51 -webkit-border-radius:5px;

52 -moz-border-radius:5px;

53 border-radius:5px;

54 -webkit-box-shadow:0px 1px 3px rgba(0,0,0,.4);

55 -moz-box-shadow:0px 1px 3px rgba(0,0,0,.4);

56 box-shadow:0px 1px 3px rgba(0,0,0,.4);

57 }

58

59 #cssmenu > ul > li:hover > ul{

60 opacity:1;

61 top:65px;

62 visibility:visible;

63 }

64

65 #cssmenu > ul > li > ul:before{

66 content:'';

67 display:block;

68 border-color:transparent transparent rgb(250,250,250) transparent;

69 border-style:solid;

70 border-width:10px;

71 position:absolute;

72 top:-20px;

73 left:50%;

74 margin-left:-10px;

75 }

76

77 #cssmenu > ul ul > li{position:relative;}

78

79 #cssmenu ul ul a{

80 color:rgb(50,50,50);

81 font-family:Verdana, 'Lucida Grande';

82 font-size:13px;

83 background-color:rgb(250,250,250);

84 padding:5px 8px 7px 16px;

85 display:block;

86 -webkit-transition:background-color .1s;

87 -moz-transition:background-color .1s;

88 -o-transition:background-color .1s;

89 transition:background-color .1s;

90 }

91

92 #cssmenu ul ul a:hover{background-color:rgb(240,240,240);}

93

94

95 #cssmenu ul ul ul{

96 visibility:hidden;

97 opacity:0;

98 position:absolute;

99 margin-left:-15px;

100 top:-16px;

101 left:206px;

102 padding:16px 0 20px 0;

103 background-color:rgb(250,250,250);

104 text-align:left;

105 width:160px;

106 -webkit-transition:all .3s;

107 -moz-transition:all .3s;

108 -o-transition:all .3s;

109 transition:all .3s;

110 -webkit-border-radius:5px;

111 -moz-border-radius:5px;

112 border-radius:5px;

113 -webkit-box-shadow:0px 1px 3px rgba(0,0,0,.4);

114 -moz-box-shadow:0px 1px 3px rgba(0,0,0,.4);

115 box-shadow:0px 1px 3px rgba(0,0,0,.4);

116 }

117

118

119 #cssmenu ul ul > li:hover > ul{opacity:1;left:196px;visibility:visible;}

120

121

122 #cssmenu ul ul a:hover{

123 background-color:rgb(205,44,36);

124 color:rgb(240,240,240);

125 }

126

127

128

129

130

131

Home

132

About

133 Services

134

135 4WD Training

136

137

Basic

138

Intermediate

139

Advanced

140

Night Driving

141

Recovery

142

Custom Packages

143

144

145

Bush Mechanic

146

147

148

eStore

149

Gallery

150

Contact

151

152