Почему в IE7 два бокса расположены рядом, в то время как «b» находится под «a» в других браузерах (где и должно быть)?
<html>
<head>
<style type="text/css">
.a { float:left; width:100px; height:50px; background-color:#CCC; }
.b { width:75px; height:75px; background-color:#F00; }
</style>
</head>
<body>
<div class="a">a</div>
<div class="b">b</div>
</body>
</html>
Используйте редактор try-it для предварительного просмотра (скопируйте и вставьте мой код): http://www.w3schools.com/css/tryit.asp?filename=trycss_float4
РЕДАКТИРОВАТЬ: я хочу исправить в IE, поэтому он делает то же самое, что FF, Chrome, Safari и т. Д.
Спасибо