- This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Need help Drop down menu- This does not work in ie10. Also, in ie9 the height reduces?
This is my css code
nav{
float:left;
width:100%;
margin-top:6px;
}
nav ul ul {
display: none;
}
nav ul li:hover > ul {
display: block;
}
nav ul {
width:990px;
background:#B0B0B0 ;
padding: 0 5px;
list-style: none;
position: relative;
display: inline-table;
}
nav ul:after {
content: “”; clear: both; display: block;
}
nav ul li {
float: left;
color:solid black;
}
nav ul li:hover {
background:#330000;
}
nav ul li:hover a {
color: #fff;
}
nav ul li a {
display: block;
padding: 15px 40px;
color:#000000;
text-decoration: none;
}
nav ul ul {
width:165px;
background:#B0B0B0 ;
border-radius: 0px;
position: absolute;
top: 100%;
}
nav ul ul li {
float: none;
border-top: 1px solid #6b727c;
border-bottom: 1px solid #575f6a;
position: relative;
}
nav ul ul li a {
padding: 5px 0px;
color:#000000;
text-decoration:none;
}
nav ul ul li a:hover {
background:#330000;
}
Could you please provide a demo over on codepen.io, or jsfiddle.net instead of pasting your Markup and CSS here? I’d be happy to assist once that’s been done.
I suspect it’s because your HTML is faulty.
You have closed the `` tags before closing the `
This
should be…