ie6 bug bug

设计师在输出时，最头痛的就是各大浏览器的兼容性了，特别是ie6，多用“可恶”“老不死”来形容！而我看来，其实不然，既然ie6还没“死”，还有很多人在用，特别在china，自然有它存在的理由！在此不再多说！下面以一个列子来说明用float 解决ie6的兼容性。

一、要布局的导航，如图一



（图一）

这是我们经常看到的布局，上面是主导航，下面是子导航，鼠标移到栏目1 出现下面子栏目1，子栏目2...

要求：子栏目背景长度自适应。

二、以下是小D同学的切图和布局

（1）切图如下：



（2）代码：

<div class="boxA">
       <div class="boxAA">
       <a href="#">子栏目1</a>|<a href="#">子栏目1</a>|<a href="#">子栏目2</a>|<a href="#">子栏目3</a>|<a href="#">子栏目4</a>|<a href="#">子栏目5</a>
     </div>
 </div>

<style type="text/css">
.boxA { background: url("images/navbg.jpg") no-repeat  right top;
height: 33px;
line-height: 30px;