如何修改样式 a and border

希望的效果是 ff下 或者ie8 或者 chrome下
但是在ie6下 a的border还是有颜色
这很纠结   该如何修改???
(注:我希望的是border透明  不是和背景色相同,因为背景是图片,没发相同)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<style type="text/css">
#ss{
width:100px;
height:auto;
border:1px solid #999999;
}
a.list{
display:block;
height:26px;
width:94%;
color:#1f3a87;
font-size:12px;
text-decoration:none;
line-height:26px;
vertical-align:middle;
margin:0 auto;
margin-top:2px;
margin-bottom:1px;
border:1px solid transparent;
}
a:hover.list{
border:1px solid #FF00FF;
}
</style>
</head>
<body style=" padding:30px; margin:0px;"><div id='ss'>
<a class="list" href = "javascript:void(0)">123123123</a>
<a class="list" href = "javascript:void(0)">123123123</a>
<a class="list" href = "javascript:void(0)">123123123</a>
<a class="list" href = "javascript:void(0)">123123123</a>
<a class="list" href = "javascript:void(0)">123123123</a>
</div>
</body>
</html>

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title></title>
    <style type="text/css">
    #ss{
    width:100px;
    height:auto;
    border:1px solid #999999;
    }
    a.list{
    display:block;
    height:26px;
    width:94%;
    color:#1f3a87;
    font-size:12px;
    text-decoration:none;
    line-height:26px;
    vertical-align:middle;
    margin:0 auto;
    margin-top:2px;
    margin-bottom:1px;
    border:0px solid transparent;
    padding:1px;
    }
    a:hover.list{
    border:1px solid #FF00FF;
    padding:0px;
    }
    </style>
    </head>
    <body style=" padding:30px; margin:0px;"><div id='ss'>
    <a class="list" href = "javascript:void(0)">123123123</a>
    <a class="list" href = "javascript:void(0)">123123123</a>
    <a class="list" href = "javascript:void(0)">123123123</a>
    <a class="list" href = "javascript:void(0)">123123123</a>
    <a class="list" href = "javascript:void(0)">123123123</a>
    </div>
    </body>
    </html>
      

  2.   

    to 1
    我非常希望ie6消失
    to 2
    如果加了a加背景图片
    且为 background-repeat:no-repeat;
    背景图片会错位
    该如何解决了?????????
      

  3.   

    2楼方法很巧妙，学习了。
    你加的背景图片应该大小等于a-1px;所以，hover的时候，把北京图片设置scroll 1px 1px吧，不知道是否可行？