html document
<ul id="navbar">
<li class="selected">
<a href="#"> HOME</a>
</li>
<li>
<a href="#"> ABOUT US</a>
</li>
</ul>
style sheet
ul#navbar li {
font-size: 13px;
padding: 10px;
display: inline;
text-decoration: none;
border: 1px solid #aaaaaa;
}
I am trying to add a green bottom border only to the active list item.
.selected {
border-bottom: 5px solid #37F053;
}
Unfortunately, the green bottom border is not displaying properly, and the default #aaa color remains visible.