Been looking for a while now and can't seem to find a css solution for my
problem. I have a drop down menu that I created from a book on css that I
purchased and it works fine in all modern browsers except IE 8. I wanted
to stay away from js if I could. Appreciate any help you can give me.
Here is the css:
/* Drop Down Menu */
ul.nav, ul.nav ul {
margin:0;
padding:0;
list-style-type:none;
float:left;
background:#adcaf0;}
ul.nav li {
float:left;
width:170px;
background-color:#adcaf0;
}
ul.nav li ul {
width:170px;
position:absolute;
left:-999px;
}
.nav li:hover ul {
left:auto;
}
ul.nav a {
display:block;
color:#fff;
font-weight:bolder;
text-decoration:none;
padding:4.8px 16px;
border-right:1px solid #394a59;
border-left:1px solid #dfe5e6;
}
ul.nav li li a {
border-top:1px solid #dfe5e6;
border-bottom:1px solid #394a59;
border-left:0px;
border-right:0px;
}
/* Remove Unwanted Borders on the End of List Items */
ul.nav li:last-child a {
border-right:0px;
border-bottom:0px;
}
ul a:hover,
ul a:focus {
color:#fff;
font-weight:bolder;
background-color:#c5d7ed;
}
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
