第一次发现ie6有这样一个bug,该怎么处理

第一次发现ie6有这样一个bug
用div css建网页
css大致是这样：
.nav1{width:900px;}
.nav1 a{.....}
.nav1 a:hover{.....}
.nav2{width:900px;}
.nav2 a{.....}
.nav2 a:hover{.....}
.left {float:left;width:300px;}
.right{float:right;width:600px;}
大致结构：
<div class="nav1"><a href="abc.html">我的链接</a></div>
<div class="nav2"><a href="eee.html">我的又一个链接</a></div>
<div class="left"></div>
<div class="right"></div>
现在的问题是：在ie7和firefox中一切正常，但在ie6中，当left区块的高度比right区块的高度高时，只要鼠标一放到区块nav1的那个链接上，left区块的高度自动和right的高度一样，他们的底部保持一样，高出的部分全部消失了，就象刀子割过一样。
当把nav1中的a:hover定义去掉后，就正常了。就是css中删除 .nav1 a:hover{}
但对于nav2这个区块，却没有这个现象，只是对nav1有这个现象

从网上查了一下，好象是ie6 断头台的问题，但又好象不一样，我的left和right两个区块都用了float.
先感谢各位给我看一看，谢谢了。

------解决方案--------------------
FLOAT少用。就像味精，放一点有鲜味，多了有害
------解决方案--------------------

探讨

FLOAT少用。就像味精，放一点有鲜味，多了有害

------解决方案--------------------

探讨

FLOAT少用。就像味精，放一点有鲜味，多了有害

------解决方案--------------------

探讨

不过好象还不是ie6的hover现象，hover管用，　是鼠标hover时，别的div被切去下面的部分，又好象是ie6断头台的现象。