ie6,ie7,ie8 ，firefox div兼容问题，关于背景图显示

最近做的项目中遇到兼容的一个问题

---------------------------------------------------------

<div class="a"> <div class="b">abc </div></div>

----------------------------------------------------------

css中，如果给a赋予背景，而且b有float:left;的时候，会出现a的背景图片无法显示的问题，解决办法是。

1，全部用float.定位，但是只能用left或者right，其他的不管用

2，使用样式

.clearfixmrli:after{  content:".";  display:block;  height:0;  clear:both;  visibility:hidden;  } 
.clearfixmrli{  display:inline-block;  }  /*HidefromIEMac\*/ 
.clearfixmrli{display:block;}  /*EndhidefromIEMac*/