List: <ul class="filter-btns">
<li> <a href="Gallery.aspx">All</a></li>
<li><a href="Interior.aspx">Interior Design</a></li>
<li><a href="Outdoor.aspx">Outdoor Designs</a></li>
<li><a href="archetecture.aspx">Architectures</a></li>
<li><a href="buildings.aspx">Buildings</a></li>
</ul>
CSS:
<style>
.filter-btns{
position:relative;
margin-bottom:50px;
}
.filter-btns li{
position:relative;
display:inline-block;
padding:8px 20px;
line-height:24px;
border:1px solid #d0d0d0;
color:#808080;
cursor:pointer;
text-transform:uppercase;
font-size:12px;
letter-spacing:1px;
margin:0px 7px 10px;
}
.filter-btns li:hover,
.filter-btns li.active{
border-color:#f7a34a;
color:#ffffff;
background:#f7a34a;
}
</style>
Problem is this, due to css anchor tags are not working. If I remove styles then they work. Please help.