У меня постоянная проблема с проваливанием блоков в Ие(если менят размеры окна браузера), из-за этого невозможно свертсать какие бы то нибыло элементы, кот. идут флоатные блоки в % один за другим.

Вот пример (с Инета правда), но суть всё время таже, 2 блока по 50% или 5 по 20%, которые лежат в др.блоке 100% ширины проваливаются
Код:
<?xml encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<title>Example2</title>
<meta http-equiv="Content-Language" content="ru" />
<link rel="stylesheet" href="css/main.css" type="text/css" />
</head>
<body>
<div style="width:100%">
<div style="width:50%;background-color: red;float:left;height: 100px;"></div>
<div style="width:50%;background-color: black;float:left; height: 100px;"></div>
</div>
</body>
Скажиет какой выход то? Это у меня саая большая проблема...везде всё ок с вёрсткой, но как только сталкиваюсь с этой проблемой в Ие - всё едет наперекосяк!