解决IE6、IE7、Firefox兼容最简单的CSS Hack

#someNode
{
    position: fixed;
   #position: fixed;
   _position: fixed;
}

• 第一排给Firefox以及其他浏览器看
• 第二排给IE7（可能以后的IE8、IE9也是如此，谁知道呢）看
• 第三排给IE6以及更老的版本看

Firefox下UL自适应高度

<style>

ul { width:500px; border:1px solid red; }

li { width:200px; float:left; }

</style>

<ul>

<li>1</li>

<li>2</li>

<li>3</li>

<li>4</li>

</ul>

这是在Firefox下

1.ul不指定高度

2.li指定了float属性

ul就会没有高度了，在IE和FF下会显示的不一样。

解决方法有三种

第一种：给ul属性 overflow:hidden;

第二种：给ul属性 float:left;

第三种

<style>

ul { width:500px; border:1px solid red; }

li { width:200px; float:left; }

</style>

<ul>

<li>1</li>

<li>2</li>

<li>3</li>

<li>4</li>

<div style=" clear:both; visibility:hidden;">

</ul>