anchor tag is not working

Question

Hello;

 

      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.