I have noticed a CSS problem using 2 NAV_TABLE_COLUMNS on thew same page (each addresing a different category level)
the best I can explain is that the 'display: block' doesn't work as expected in IE, FFox or Opera...
eg: css working as expected...
single NAV_TABLE_COLUMN
eg. css not working as expected...
double NAV_TABLE_COLUMN
you should notice that when hovering a menu (most visible when the title wraps over two lines) item in the first example the backgroud fills the block perfectly. BUT on the second example wher ther are two NAV_TABLE_COLUMN's the background only occures behind the letters - very strange.
both NAV_'s are using the same css...
Code: Select all
.nav_table, .nav_table a, .nav_table a:link, .nav_table a:visited, .nav_table a:hover, ul{
font-family: "Times New Roman", Times, serif;
font-size: 14px;
color: #000000;
background-color:#FFFFFF
font-weight: normal;
text-decoration: none;
text-transform:capitalize;
border: 0px solid #FFFFFF;
}
.nav_table a:hover, li:hover{
font-family: "Times New Roman", Times, serif;
font-size: 14px;
font-weight: normal;
text-decoration: none;
text-transform:capitalize;
border: 0px solid #FFFFFF;
background-color: #FF9900;
color: #000000;
}
.nav_table_active, li:active{
background-color:FFF3E0;
color: #FF9900;
}
.nav_table_active a:hover, li:hover{
font-family: "Times New Roman", Times, serif;
font-size: 14px;
font-weight: normal;
text-decoration: none;
text-transform:capitalize;
border: 0px solid #FFFFFF;
border-bottom:5;
border-bottom-color:#FF9900;
background-color: #FFF3E0;
color: #000000;
cursor:default;
}
thanks in advance, pSouper