이미지 앵커에서 밑줄을 제거하는 방법

Question

내 앵커에 보이지 않는 밑줄이 있으며 페이지가 엉망입니다. 아래를 참조하십시오.

내가 text-decoration:none;

을 시도이 코드는 #header

<?php 
if($cart_items > 0) 
{ 
    ?> 
    <div id="cart" > 
    <?php echo anchor('shopping_basket/view_basket', '<img src="/e-com/images/cart.png" />'); ?> 
    </div> 
    <div id="cartItms"> 
    <?php echo '('.$cart_items.')' ?> 
    </div> <?php 
} 

CSS

#header { 
height:100px; 
width:1407px; 
background-color:#294052; 
} 

#logo { 
float:left; 
} 

#logo img { 
margin-left:150px; 
margin-top:6px; 
} 

#cart { 
float:right; 
} 

#cart img { 
margin-right:170px; 
margin-top:28px; 
} 

#cartItms { 
float:right; 
margin-right:10px; 
margin-top:30px; 
} 

#login { 
float:right; 
margin-right:60px; 
margin-top:35px; 
color:#fff; 
} 

#login a { 
color:#fff; 
} 

Answer 1

는 CSS 아래에있는 추가 내부에 :

a { 
    outline: 0; 
} 

IE9 그냥 추가 : <meta http-equiv="X-UA-Compatible" content="IE=9" />

출처 : CSS-Tricks

Answer 2

가 어디 텍스트 장식 뒀다 : 없음; ?

#cart { 
    float:right; 
    text-decoration: none; 
} 

또는

IMG {텍스트 장식 : 당신은 예를 들어 올바른 클래스에 넣어 없음; }

또한 브라우저에서 몇 가지 검사를하고 있는지 확인하십시오. 클래스가 실제 클래스 또는 ID를 재정의하지 않는 것처럼 누락 된 부분이있을 수 있습니다.