html - IE7 100% 宽度锚，没有设置容器宽度

Question

如何在 IE7 中设置没有父宽度的 100% 宽度锚点？在 IE8 及更高版本中运行良好

示例：http: //jsfiddle.net/GVj6K/2/

HTML

<div>
    <ul>
        <li><a href="#">bla</a></li>
        <li><a href="#">bla bla lorem ipsum</a></li>
        <li><a href="#">bla bla </a></li>        
    </ul>
<div>

CSS

div{
 position:absolute;
}    

ul{
 list-style:none;
 margin:0; padding:0;
}

a{
 display:block;
 padding:5px 10px;  
 white-space:nowrap;
 width:auto;    
}    

a:hover{
 background-color:#f0f0f0;
}

Answer 1

在 a 标签上添加背景颜色：http: //jsfiddle.net/GVj6K/12/

a{
 display:block;
 padding:5px 10px;  
 white-space:nowrap;
 width:auto;
 background:#fff;
}

或者，您可以使用平铺的 trans.gif