css - Text-decoration: none does not work with Rails links -

i have 2 links glyphicons , want text-decoration: none; reason wont disappear, i'm getting hover line.

the links are:

<p class="user-profile-social-links pull-right">   <% if @user.facebooklink.present? %>       <%= link_to @user.facebooklink, title: "facebook", :target => '_blank' %>           <i class="icon-facebook-sign"></i>       <% end %>   <% end %>    <% if @user.twitterlink.present? %>       <%= link_to @user.twitterlink, title: "twitter", :target => '_blank' %>           <i class="icon-twitter-sign"></i>       <% end %>   <% end %> </p> 

and class has css:

.user-profile-social-links { text-decoration: none; display: block; color: #777; } 

am doing wrong ? why isn't working ?

*edit: * i'm still getting -> http://imgur.com/rac362u (zoom little bit in see line beneath icon)

i think gareth right. there may style overrides one.

try adding !important:

.user-profile-social-links {     text-decoration: none !important;     color: #777; }