Меню глючит особенно в експлорере(в мозиле тож немного), видать потому, что между элементами есть пробелы
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.
118.
119.
120.
121.
122.
123.
124.
125.
126.
127.
128.
129.
130.
131.
132.
133.
134.
135.
136.
137.
138.
139.
140.
141.
142.
143.
144.
145.
146.
147.
148.
149.
150.
151.
152.
153.
154.
155.
156.
157.
158.
159.
160.
161.
162.
163.
164.
165.
166.
167.
168.
169.
170.
171.
172.
173.
174.
175.
176.
177.
178.
179.
180.
181.
182.
183.
184.
185.
186.
187.
188.
189.
190.
191.
192.
193.
194.
195.
196.
197.
198.
199.
200.
201.
202.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS Menu - Horizontal</title>
<style type="text/css">
ul#navmenu {
margin: 0 ;
border: 0 none;
padding: 0 ;
width: 100 %; /*For KHTML*/
list-style: none;
height: 24px;
z-index: 10006 ;
}
ul#navmenu li {
margin: 0 ;
border: 0 none;
padding: 0 ;
float: left; /*For Gecko*/
display: inline;
list-style: none;
position: relative;
/*height: 20px; */
}
ul#navmenu ul {
margin: 0 ;
border: 0 none;
padding: 0 ;
width: 140px;
list-style: none;
display: none;
position: absolute;
top: 24px;
left: 0 ;
}
ul#navmenu ul:after /*From IE 7 lack of compliance*/{
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0 ;
visibility: hidden;
}
ul#navmenu ul li {
/* width of a drop-down block*/
width: 140px;
float: left; /*For IE 7 lack of compliance*/
display: block !important;
display: inline; /*For IE*/
}
/* Root Menu */
ul#navmenu a {
/*margin-top:-1px;
border: 1px solid #F4F8FD;
/*Shadows*/
/*border-right-color: #CCC;
border-bottom-color: #CCC;*/
/*width menu horizontal*/
padding: 0 8px;
float: none !important; /*For Opera*/
float: left; /*For IE*/
display: block;
/* main background*/
background: #F4F8FD;
/*font color*/
color: #1A49A9;
font: 14px/23px Arial, Verdana, sans-serif;
text-decoration: none;
height: auto !important;
height: 1 %; /*For IE*/
}
/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
background: #30447D;
color: #FFF;
}
/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
float: none;
background: #F4F8FD;
color: #1A49A9;
border:1px #CDE1F9 solid;
}
/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
background: #30447D;
color: #FFF;
margin-left:1px;
border:1px #30447D solid;
/* border-left:1px #CDE1F9 solid;*/
}
ul#navmenu ul ul,
ul#navmenu ul ul ul {
display: none;
position: absolute;
top: 0 ;
left: 160px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
display: none;
}
ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
display: block;
}
</style>
<!--[if gte IE 5.5]>
<script language="JavaScript" type="text/JavaScript">
navHover = function() {
var lis = document.getElementById("navmenu").getElementsByTagName("LI");
for (var i= 0 ; i<lis.length; i++) {
lis[i].onmouseover=function() {
this.className+=" iehover";
}
lis[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" iehover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", navHover);
</script>
<![endif]-->
</head>
<body>
<h1>CSS Menu - Horizontal</h1>
<hr />
<ul id="navmenu">
<li><a href="#">Blog</a></li>
<li><a href="#">Work +</a>
<ul>
<li><a href="#">Websites +</a>
<ul>
<li><a href="#">qrayg</a></li>
<li><a href="#">qArcade</a></li>
<li><a href="#">qLoM</a></li>
<li><a href="#">qDT</a></li>
</ul>
</li>
<li><a href="#">Pen and Ink</a></li>
<li><a href="#">Free Interfaces</a></li>
</ul>
</li>
<li><a href="#">Learn +</a>
<ul>
<li><a href="#">Fireworks +</a>
<ul>
<li><a href="#">aquaButton</a></li>
<li><a href="#">aquaButton2</a></li>
<li><a href="#">waterDrop</a></li>
<li><a href="#">lightFX</a></li>
<li><a href="#">lightFX2</a></li>
</ul>
</li>
<li><a href="#">CSS +</a>
<ul>
<li><a href="#">footerStick</a></li>
<li><a href="#">spriteNav</a></li>
<li><a href="#">@import</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Info</a></li>
<li><a href="#">Contact</a></li>
</ul>
</body>
</html>
Что поправить в css. Как убрать жирность линий в експлорере чтобы было всё как у мозилы.
И ещё-как отрегилировать z-index для експлорера, мозила его читает и всё работает?
