#fussleiste {
margin-top: 2em;
padding: 0.6em 1em;
clear: both;
border-top: 7px solid #666;
border-bottom: 0px;
background-color: #ebe9ea;
min-height: 2em;
}
#fussleiste ul {
text-align: left;
float: left;
background-color: #ebe9ea;
}
#fussleiste li {
display: block;
float: left;
padding: 0.3em 1.8em;
background-image: url("../img/icon-fuss.png");
background-position: 0.3em center;
background-repeat: no-repeat;
}
#fussleiste a {
width: auto;
color: #333;
text-decoration: underline;
text-transform: uppercase;
}
#fussleiste li.aktiv {
background-color: #fff;
background-image: url("../img/icon-fuss-aktiv.png");
}
Dieses Beispiel stammt aus dem Buch Barrierefreiheit verstehen und umsetzen.