Sul sito di Firefox non è che si illumina il div (che in realtà è un li), ma viene solo cambiato il colore di sfondo.
Ecco il menù:
Codice HTML:
<ul id="nav-main">
<li id="menu_products"><a class="current" href="/en-US/products/">Products</a></li>
<li id="menu_addons"><a href="https://addons.mozilla.org/">Add-ons</a></li>
<li id="menu_support"><a href="/en-US/support/">Support</a></li>
<li id="menu_developers"><a href="http://developer.mozilla.org/">Developers</a></li>
<li id="menu_aboutus"><a href="/en-US/about/">About</a></li>
</ul>
Ecco qui il codice CSS:
Codice:
/* header */
#header {
height: 38px;
position: relative;
border-bottom: 1px solid #A1A6B1;
background: #33415D url("/img/template/header-background.png") top repeat-x;
z-index: 1;
}
#header h1 { margin: 0; }
#header h1 img {
font-weight: bold;
color: #7f7c45;
}
#header ul {
padding: 0;
margin: 0;
list-style: none;
border-left: 1px solid #576178;
border-right: 1px solid #1f2635;
position: absolute;
top: 0;
}
#header li {
float: left;
padding: 0;
margin: 0;
}
#header ul span, #header ul a:link, #header ul a:visited {
display: block;
float: left;
padding: 10px 15px;
text-decoration: none;
border-right: 1px solid #576178;
border-left: 1px solid #1f2635;
color: #dee0e5;
height: 36px;
voice-family: "\"}\"";
voice-family: inherit;
height: 16px;
} #ignored {}
#header ul li span,
#header ul li a.current,
#header ul li a:hover {
background: #475470;
color: #fff;
text-decoration: underline;
}
#header ul li span,
#header ul li a.current {
text-decoration: none;
}