IE6/7下同级只有一个元素浮动，会换行问题

.myDiv {
background-color: red;
width: 200px;
height: 200px;
padding: 10px;
}
.div1 {
background-color: yellow;
height: 20px;
}

<div class="myDiv">
<div class="div1">
<span>cccccccccccc</span><span style="float:left">JAVA</span>
</div>
</div>