css - IE8 での CSS の問題

Question

2 つの Div があり、1 つの Div が別の Div の横に表示され、すべてのブラウザで期待どおりに動作しますが、IE8 では右の div が左の div の下に表示され、IE9 でも同じように動作しますが、問題はIE8のみで、Cssの使用経験があまりないため、これを克服する方法

 .leftcontent {
background: none repeat scroll 0 0 #;
float: left;
height: 500px;
width:25%;
 }


.rightcontent {
background: none repeat scroll 0 0 #;
float: left;
height: 500px;
width:80%;
 }