DIV+CSS布局问题

<style type="text/css">
.a
{
float:left;
width:50%;
}
.b{
float:right;
width:50%;
}
.c
{
float:left;
width:200px;
border:1px double #000000;
}
.d
{
float:left;
width:100%;
}
</style>

<div class="c">
<div class="a">这里有点问题</div>

<div class="b">
<div>电影名称:</div>
<div>领衔主演:</div>
<div>发布时间:</div>
<div>推荐程度:</div>
<div>点击次数:</div>
</div>
<div class="d">简介:<br></div>
</div>
以上是6行2列,如果在加经色的部分输入字符就会超出,用汉字 不会~~请问如何解决