推拉门没有背景CSS

Question

是否有可能使用类似这样的标记

<ul> 
    <li><a href="#"><img alt="" src="/image1.jpg"></a></li> 
    <li><a href="#"><img alt="" src="/image2.jpg"></a></li> 
</ul> 

，做推拉门的效果呢？我有一些CSS，看起来像这样：

ul li { 
    list-style-type: none; 
    margin:0; padding:0; 
} 
li a { 
    display:block; 
    overflow:hidden; 
    width:225px; 
} 
li a img { 
    float:left; 
} 
li a:hover img { 
    float:right; 
} 

它工作在Firefox，但IE7似乎并不明白浮动：左/浮动：正确的代码。有任何想法吗？

Answer 1

看一看除了一个列表这些文章，看看他们做你的需要：

• Sliding Doors of CSS
• Sliding Doors of CSS, Part II

他们有很多其他的好文章，如果你不能像我一样睡...

Answer 2

您是否尝试过设置<li>来阻止？

ul li { display: block; } 

如果我记得没错，IE浏览器对列表有问题，除非您明确定义了样式。

顺便说一句：Sliding Doors是具有不同的含义，你描述一个术语 - 甚至可能会引发一些人关=）