CSS navigation help
Posted: Sat Nov 26, 2005 12:11 am
I’ve made a test page for my navigation here: http://www.theeliteforces.com/testnav.php
It works fine in IE but not in firefox. Here is the CSS code:
I believe the nav code is fine, just where the navigation inside the table is 5px padding. But I’m not sure; I’ve been playing around for a couple hors now and no go.
Thanks for any help.
It works fine in IE but not in firefox. Here is the CSS code:
Code: Select all
<style type="text/css">
#nav {
list-style: none;
width: 158px;
margin: 0;
padding: 0;
padding-top: 3px;
}
#nav ul {
padding:0;
margin:0;
overflow:visible;
position:absolute;
text-align: left;
width: 158px;
}
#nav li {
position: relative;
margin:0;
display: block;
background-image: none;
padding-left: 0;
}
#nav a {
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #FF9900;
width: 158px;
width /**/: 160px;
padding: 0px 0 0px 5px;
display: block;
border: 1px solid #151515;
}
#nav a:hover{
background-color: #555555;
border: 1px solid #999999;
color: #FFCC00;
}
#nav ul, #nav ul ul, #nav ul ul ul{
width: 158px;
border: 1px solid #151515;
display:none;
position:absolute;
top:0;
left:180px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul{
display:none;
}
#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul{
display:block;
}
li>ul {
top: auto;
left: auto;
}
/* Win IE only \*/
* html #nav li{float:left;}
/* end holly hack */
/* * html ul li a{ height: 1%; } */
</style>Thanks for any help.