Kod
<div id="menu">
<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a><li>
</ul>
</div>
<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a><li>
</ul>
</div>
Kod
#menu {
background-color: orange;
margin: 0 auto;
border: 2px solid black;
-moz-border-radius: 10px;
border-radius: 10px;
font-family: monospace;
font-weight: bold;
letter-spacing: 0;
height: 32px;
width: 100%;
overflow: visible;
}
#menu ul li {
float: left;
margin-right: 15px;
margin-left: 10px;
padding: 8px;
}
#menu a:hover {
color: red;
text-decoration: underline;
}
background-color: orange;
margin: 0 auto;
border: 2px solid black;
-moz-border-radius: 10px;
border-radius: 10px;
font-family: monospace;
font-weight: bold;
letter-spacing: 0;
height: 32px;
width: 100%;
overflow: visible;
}
#menu ul li {
float: left;
margin-right: 15px;
margin-left: 10px;
padding: 8px;
}
#menu a:hover {
color: red;
text-decoration: underline;
}
i chcę dodać aby po najechaniu (a:hover) tło pod przyciskiem było jakiegoś koloru.
Dodanie #menu a:hover { background-color: gray; } daje tylko tło "tekstu". A ja chcę tło całego przycisku, od dolnej krawędzi div'a o id menu do górnej...