Tab菜单比较简单的方法是直接使用dreamweaver cs3的spry制作,其他方法制作难度比较大，不管哪种方法，必须要使用javascript调用。
<ul class="tabs">
<li>
<input type="radio" name="tabs" id="tab1" checked />
<label for="tab1">选项卡 1</label>
<div id="tab-content1" class="tab-content">
<p>选项卡内容 1</p>
</div>
</li>
<li>
<input type="radio" name="tabs" id="tab2" />
<label for="tab2">选项卡 2</label>
<div id="tab-content2" class="tab-content">
<p>选项卡内容 2</p>
</div>
</li>
</ul>
你的是什么浏览器，我没有发现不兼容呀！！！这个例子用到的都是通用标记嘛！！！
==========================================
CSS做选项卡，简单地讲就是，先定义，再引用。
你也可以照着你说的这个例子自己做做看，这个没有多少难度。
=======================================================
PS：对“兼容”不是这么理解的，这个例子中的CSS定义模块，十分明确各个模块的功能和用途，而最终的效果是引用这些模块来实现的，你随便去删“模块”，肯定出问题嘛。就像JS你随便删语句不能运行一样，但这不是“兼容”问题！！
