让人纠结的span

做小企业网站的时候经常会碰到这样一种布局：



布局方法是在大层里套两个小层，一个浮动在左，一个浮动在右。
还有一种比较简单的方法是直接在大层中写内容，more可以加上span浮动在右边。
例如：

<div class="title">
	公司简介<span>+more</span>
</div>

	.title{ 
		width:500px;
		height:30px; 
		color:#FFF;
		line-height:30px;
		font-weight:bold;
		font-size:14px;
		background:#66CCFF;
		}
	 .title span{
	 	float:right;
		color:#0066FF;
	 }

IE8正常，但是在IE6下的效果如下：

引用

解决IE6兼容办法：
将title层里的span元素放在文字（公司简介）的前面即可。纠结。。。