Código:
ul.nav, .nav ul{ /*Remove all spacings from the list items*/ margin: 0; padding: 0; height: 23; cursor: default; list-style-type: none; display: inline; background-image: url(imagenes/non-selected2.jpg) ; } ul.nav{ display: table; } ul.nav>li{ display: table-cell; position: relative; padding: 2px 7px; } ul.nav li>ul{ /*Make the sub list items invisible*/ display: none; text-align: left; position: absolute; max-width: 40ex; margin-left: -6px; margin-top: 7px; } ul.nav li:hover>ul{ /*When hovered, make them appear*/ display : block; } .nav ul li a{ /*Make the hyperlinks as a block element, sort of a hover effect*/ display: block; padding: 2px 10px; } /*** Menu colors (customizable) ***/ ul.nav, .nav ul, .nav ul li a{ background-color: #fff; color: #000; } ul.nav li:hover { background-image: url(imagenes/selected2.jpg); } .nav ul li a:hover{ color: #ec6c00; } ul.nav li:active, .nav ul li a:active{ background-color: #036; } .nav a{ text-decoration: none; font-family: Verdana, Arial, sans-serif; font-size: 12px; color:#FFFFFF; } .nav a:hover{ text-decoration: none; font-family: Verdana, Arial, sans-serif; font-size: 12px; color:#FFFFFF; } ul.nav{ display: table; text-align: center; /*Just add the following properties and values*/ width: 100%; table-layout: fixed; } #nav li.selected { background-color: #000000; background-image: url(imagenes/selected2.jpg) } # #nav li.ul { background-color: #000000; }
El problema debe estar en las etiquetas que contienen el símbolo > pero no consigo retocarlo y que funcione.
Gracias a todos por adelantado!!